如何用另一个选项的选项来填充选择

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>