c# - 在jQuery中同步两个选择框

Question

我必须<select>列出。第一个是从我的数据库中填充的。当第一个<select>更改时，我希望第二个<select>填充与第一个相同的值，不包括所选选项。

谁能向我解释如何在 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();
        }
    });
}));

Answer 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/