jquery - jQuery克隆选择的选项

Question

我有一个多重选择，定义如下：

<select id="options" multiple="multiple">
  <option value="1">Opt 1</option>
  <option value="2">Opt 2</option>
  <option value="3">Opt 3</option>
</select>

现在，如果我选择选项 1 和 3，我只想将选定的项目附加到另一个空的选择元素，所以从：

<select id="options2">

</select>

我可以获得：

<select id="options2">
  <option value="1">Opt 1</option>
  <option value="3">Opt 3</option>   
</select>

你能帮我吗？非常感谢。

Answer 1

尝试这个：

HTML：

<select id="dropdown" multiple="multiple">
    <option value="1">Opt 1</option>
    <option value="2">Opt 2</option>
    <option value="3">Opt 3</option>
</select>
<select id="options2"></select>

脚本：

$(document).ready(function(){
    $('#dropdown').on('change',function(){
        $("#dropdown option:selected").each(function(){
            if(!$("#options2 option[value="+$(this).val()+"]").length)
               $("#options2").append($(this).clone());            
        });
    });    
});

小提琴：http: //jsfiddle.net/5BU4T/3/