如何用另一個選項的選項來填充選擇

Question

如何使用jquery填充選擇＃1的選項＃1的選擇值？

例如選擇＃1：

<select id="#1"> 
    <option value="1">Val 1</option> 
    <option value="2">Val 2</option> 
    <option value="3">Val 3</option> 

我的選擇＃2應該是這樣的：

 <select id="#2"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     </select> 

Answer 1

Fiddle DEMO

如果將其更改爲正確的id爲我在下面做了，你可以得到它。

$(document).ready(function(){ 
 
    $("#2").append($('#1').html()); //set options of 2nd select from options of 1st select 
 
    $("#2 option").each(function(){ 
 
     $(this).text($(this).val());//set its text based on its value 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="1"> 
 
    <option value="1">Val 1</option> 
 
    <option value="2">Val 2</option> 
 
    <option value="3">Val 3</option> 
 
</select> 
 
<select id="2"> 
 
</select>