添加兩個選擇與一個選擇

Question

我想的JavaScript 點擊「添加」按鈕 從第一個「選擇」 而第二個「選擇」 添加「選擇」第三個 Link

感謝

Answer 1

樣品：

HTML：

<div > 
     <select name="color" id="sel1"> 
      <option value="red"> red </option> 
      <option value="blue"> blue </option> 
      <option value="pink"> pink </option> 
      <option value="lime"> lime </option> 

     </select> 

     <select name="other" id="sel2"> 
      <option value="value"> text </option> 
      <option value="value1"> text1 </option> 
      <option value="value2"> text2 </option> 
      <option value="value3"> text3 </option> 

     </select> 

     <button id="click-me">Add ro thrid</button> 
    </div> 
    <div class=""> 
     <select name="result" id="result" multiple="" style="height:170px;width: 300px"> 

     </select> 
    </div> 

jQuery代碼：

 $(function() { 
      $("#click-me").click(function() { 
       var txt = $("#sel1").val() + '-' + $("#sel2").val(); 
       $("#result").append("<option value='" + txt + "' >" + txt + '</option>'); 
      }); 
     }); 

在樣品JS fiddle