如何用另一个选项的选项来填充选择
问题描述:
如何使用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>
答
如果将其更改为正确的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>
+1
超级! Thx非常! –
+1
任何时候......快乐编码..不要忘记标记为答案.. :) –
+2
以数字开头的'id'属性仅** **在HTML5文档中允许。请记住,您必须在您的文件的开头 – bodi0
'id'不应该包含''#如果我没有错.. –