Javascript 如何使用jqueryaddclass（）添加和删除select输入的类？

我使用统一的JS插件进行表单输入。在下面的代码中，我试图在动态创建的字段中初始化uniformjs样式

在下面的html代码中，有一个名为ext（）的函数，它在单击add按钮时插入新行。我希望uniformjs样式也应用于那些动态生成的字段。我试了又试，但效果越来越差，而且它正在崩溃，即使选择了…，选择框也根本没有显示所选的值：(

HTML

通过谷歌
通过推特
其他&hellip；
你好
添加

JS

$（函数（）
{
$（“输入，文本区域，选择，按钮”）.uniform（）；
});
函数ext（）
{
$（函数（）
{
$（“输入，文本区域，选择，按钮”）.uniform（）；
});
rl=document.getElementById（“table1”）.rows.length；
var a=document.getElementById（“表1”）.insertRow（rl）；
var b=a.insertCell（0）；
b、 innerHTML='Monthly-选择Weekly Monthly'；
}

---

参考资料-www.uniformjs.com

我不知道Uniform是如何工作的，所以只需猜测一下：在

ext（）

函数中，移动以下代码：

$("input, textarea, select, button").uniform();

是函数的最后一行。也就是说，在创建新元素后调用

.uniform（）

。（显然，我在这里假设是调用

.uniform（）

，应用了您所说的样式。）

---

另外请注意，在

ext（）

函数中，您当前使用一个文档就绪函数围绕上行，您不需要这样做。

我不知道Uniform是如何工作的，所以只需猜测一下：在

ext（）

函数中，移动以下代码：

$("input, textarea, select, button").uniform();

是函数的最后一行。也就是说，在创建新元素后调用

.uniform（）

。（显然，我在这里假设是调用

.uniform（）

，应用了您所说的样式。）

另外请注意，在

ext（）

函数中，您当前使用一个document ready函数将上述行包围起来，您不需要这样做。

尝试以下操作：

function ext()
        {

        $("#table1").append('<tr><td><div style="width:95%;margin-bottom:0px;padding:5px;"><div class="selector" id="uniform-clinic_visit"><span style="-moz-user-select: none;">Monthly</span><select name="clinic_visit[]" id="clinic_visit" onChange=""> <option>-Select-</option><option value="Weekly">Weekly</option>         <option value="Monthly">Monthly</option></select></div></div></td></tr>');

        $(":input").uniform();
    }  

函数ext（）
{
$（“#表1”）.append（'Monthly-Select Weekly Monthly'）；
$（“：input”）.uniform（）；
}  

试试这个：

function ext()
        {

        $("#table1").append('<tr><td><div style="width:95%;margin-bottom:0px;padding:5px;"><div class="selector" id="uniform-clinic_visit"><span style="-moz-user-select: none;">Monthly</span><select name="clinic_visit[]" id="clinic_visit" onChange=""> <option>-Select-</option><option value="Weekly">Weekly</option>         <option value="Monthly">Monthly</option></select></div></div></td></tr>');

        $(":input").uniform();
    }  

函数ext（）
{
$（“#表1”）.append（'Monthly-Select Weekly Monthly'）；
$（“：input”）.uniform（）；
}  

代替

“输入、文本区域、选择、按钮”

您可以只使用

“：输入”

它涵盖所有输入类型元素。 请尝试以下操作：

$(function(){
    $(":input").uniform();
  });

function ext()
        {
        rl=document.getElementById("table1").rows.length;

        var a=document.getElementById("table1").insertRow(rl);
        var b=a.insertCell(0);


    b.innerHTML='<div style="width:95%;margin-bottom:0px;padding:5px;"><div class="selector" id="uniform-clinic_visit"><span style="-moz-user-select: none;">Monthly</span><select name="clinic_visit[]" id="clinic_visit" onChange=""> <option>-Select-</option><option value="Weekly">Weekly</option>         <option value="Monthly">Monthly</option></select></div></div>';

    $(function(){
        $(":input").uniform();
      });
    }  

$（函数（）{
$（“：input”）.uniform（）；
});
函数ext（）
{
rl=document.getElementById（“table1”）.rows.length；
var a=document.getElementById（“表1”）.insertRow（rl）；
var b=a.insertCell（0）；
b、 innerHTML='Monthly-选择Weekly Monthly'；
$（函数（）{
$（“：input”）.uniform（）；
});
}  

代替

“输入、文本区域、选择、按钮”

您可以只使用

“：输入”

它涵盖所有输入类型元素。 请尝试以下操作：

$(function(){
    $(":input").uniform();
  });

function ext()
        {
        rl=document.getElementById("table1").rows.length;

        var a=document.getElementById("table1").insertRow(rl);
        var b=a.insertCell(0);


    b.innerHTML='<div style="width:95%;margin-bottom:0px;padding:5px;"><div class="selector" id="uniform-clinic_visit"><span style="-moz-user-select: none;">Monthly</span><select name="clinic_visit[]" id="clinic_visit" onChange=""> <option>-Select-</option><option value="Weekly">Weekly</option>         <option value="Monthly">Monthly</option></select></div></div>';

    $(function(){
        $(":input").uniform();
      });
    }  

$（函数（）{
$（“：input”）.uniform（）；
});
函数ext（）
{
rl=document.getElementById（“table1”）.rows.length；
var a=document.getElementById（“表1”）.insertRow（rl）；
var b=a.insertCell（0）；
b、 innerHTML='Monthly-选择Weekly Monthly'；
$（函数（）{
$（“：input”）.uniform（）；
});
}  

@dku…不..它会影响所有输入字段，甚至其他字段，因为行不断增加..！@dku…不..它会影响所有输入字段，甚至其他字段，因为行不断增加。。。！