在jQuery中同步两个选择框

时间:2013-08-02 05:34:17

标签: c# jquery asp.net

我必须<select>个列表。第一个是从我的数据库填充的。当第一个<select>发生更改时,我希望第二个<select>填充与第一个{em>相同的值,排除所选选项。

任何人都可以向我解释如何在jQuery中执行此操作吗?

以下是我已经拥有的代码;但我不确定如何绑定<select>条件中的第二个else

$(document).ready($(function () {
    $('Ddl_Buyer').change(function () {
        var selected = $(this).val();
        if (selected == 'select') {

        } else {
            if ($(this).val() == selected) $('#ddl_Seller option[value="' + selected + '"]').remove();
        }
    });
}));

1 个答案:

答案 0 :(得分:1)

$('#Ddl_Buyer').change(function() {
    var selected = $(this).val();
    $('#ddl_Seller').empty();
    $("#Ddl_Buyer option").each(function(){
        $('#ddl_Seller').append($(this).clone());
    });
    $('#ddl_Seller option[value="' + selected + '"]').remove();
});

请参阅小提琴:http://jsfiddle.net/CTdwk/