将选择选项复制到另一个选项，但在第一个选项中选择的选项除外

Question

使用jquery我需要创建几个select。他们每个人都必须复制以前的select options，除了用户已经选择的那些之外。注意：每次选择option时，都会发生这种情况。

pick选项＃1

<select id='select1'> 
<option selected>Option 1</option> 
<option>Option 2</option> 
<option>Option 3</option> 
</select> 

结果：然后 pick选项＃2

<select id='select2'> 
<option selected>Option 2</option> 
<option>Option 3</option> 
</select> 

结果

<select id='select3'> 
<option>Option 3</option> 
</select> 

Answer 1

你可以试试这个：

$('select') 
    .on('change', function(){ 
     var $this = $(this); 
     $this 
      .next('select') 
      .html($this.find('option:not(:selected)').clone()); 
    }); 

这是FIDDLE。