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>

<强> SCRIPT：

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

jquery克隆选择的选项

1 个答案: