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> 

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/