jquery - 将选择选项复制到另一个除了第一个中选择的选项

Question

使用 jquery 我需要创建几个 select。他们每个人都必须复制以前的选择选项，除了用户已经选择的选项。注意:每次选择的任何 option 更改时都会发生这种情况。

选择选项 #1

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

结果:然后选择选项#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 .