同步jQuery中的两个选择框

Question

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

任何人都可以向我解释我如何在jQuery中做到这一点？

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

$(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/