javascript - jquery 绑定(bind)到选择更改

Question

我有一个隐藏的选择，应该通过可见的选择自动选择，我的jquery是:

$(document).ready(function() {

    var selected_val = $('#id_foo option:selected').val();
    $('#id_bar').val(selected_val);

    $("#id_foo").change(function() {
        selected_val = $(this).attr('value');
        $('#id_bar').val(selected_val);
    });

});

这工作正常，但我正在处理的页面可以选择动态向(可见)选择添加值。在更新所选值之前，如何绑定(bind)到此事件并将其添加到隐藏列表？

Answer 1

解决此问题的最佳方法是在更新可见选择时使用新值更新隐藏选择。

或者，根据我的评论，您可以在可见的选择发生更改时填充隐藏的选择:

$("#id_foo").change(function() {
    selected_val = $(this).attr('value');

    //clear and re-populate all of hidden select here
    $('#id_bar').val(selected_val);
});