javascript - 如何使用 Jquery addClass( ) 添加和删除选择输入的类？

Question

我正在为表单输入使用 Uniform JS 插件。在下面的代码中，我也尝试在动态创建的字段中初始化 uniformjs 样式。

在下面的 html 代码中，有一个名为 ext() 的函数，它在单击添加按钮时插入一个新行。我也希望将 uniformjs 样式应用于那些动态生成的字段。我试了又试，但它变得更糟，它变得崩溃，即使在选择之后，选择框也根本不显示所选值......:(

HTML

<table style="width:100%;border:1px solid;" id="table1">
  <tr><td>
  <select>
            <option>Through Google</option>
            <option>Through Twitter</option>
            <option>Other&hellip;</option>
            <option>&lt;Hi&gt;</option>
  </select>
</td>
<td><button onClick="ext();">Add</button></td>

</tr>
</table> 

JS

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

function ext()
{
    $(function()
    {
        $("input, textarea, select, button").uniform();
    });

    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>';
}

资源 - www.uniformjs.com

Answer 1

您可以只使用 ":input" 而不是 "input, textarea, select, button" 它涵盖了所有输入类型元素。 请尝试如下所示:

$(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();
      });
    }