jquery克隆选择的选项[关闭]答案

【问题标题】：jquery clone selected options [closed]jquery克隆选择的选项[关闭]
【发布时间】：2013-03-26 04:38:29
【问题描述】：

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

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

你能帮忙吗？非常感谢。

【问题讨论】：

api.jquery.com

标签： jquery multi-select

【解决方案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/

【讨论】：