在uniform上更新数组选择值

时间:2015-06-03 14:58:37

标签: javascript jquery uniform

对我正在处理的表单使用uniform,我通过克隆以下内容动态添加字段:

<label for="USState">US State:</label>
<select name="USState[]" class="">
    <option value="" selected="selected">Select State</option> 

除了我申请制服外,这些领域都运作良好......

$(function () {

    $uniformed = $(".styleThese").find("input, textarea, select, button, a.uniformTest").not(".skipThese");
    $uniformed.uniform({selectAutoWidth: false});

    $("select").change(function() {
    $.uniform.update();
    });
});

我尝试添加更改函数来更新所有字段,但是第一个下拉列表更改时,克隆没有更改,尽管值仍然很好。

编辑:

添加到jsfiddle:http://jsfiddle.net/nwgnygsf/

1 个答案:

答案 0 :(得分:3)

由于您要动态地向页面添加元素,因此很可能事件未被触发,因为没有附加处理程序。 尝试更改此内容:

$("select").change(function() {
    $.uniform.update();
});

对此:

$(document).on("change", "select", function() {
    $uniformed = $(".styleThese").find("input, textarea, select, button, a.uniformTest").not(".skipThese");
    $uniformed.uniform({selectAutoWidth: false});
    $.uniform.update();
});

修改

根据评论I have updated your JSFiddle进行一些可能会对您有所帮助的更改。