统一更新数组选择值

Updating array select values onchange in uniform

本文关键字:选择 数组 更新      更新时间:2023-09-26

使用统一的形式,我正在工作,我通过克隆以下动态添加字段:

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

我已经尝试添加一个更改功能来更新所有字段,但是当第一个下拉菜单更改时,克隆不会,尽管值仍然通过fine。

编辑:

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

由于您是动态地向页面添加元素,因此很可能由于没有附加处理程序而没有触发事件。试着修改一下:

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

编辑

根据评论,我已经更新了你的JSFiddle与一些变化,可能会帮助你进一步。