我有以下代码:
for (i = 0; i < 13; i++){
$('.players').append('<div class="rule_dropdown"><select name="rule' + i + '">');
for(j = 0; j < rules.length; j++){
$('.players').append('<option>' + rules[j] + '</option>');
}
$('.players').append('</select></div>');
}
我想要 13 个具有相同内容的下拉列表。我预计这会发生:
- 首先 for 循环添加一个打开的 div 并选择
- 对于规则数组中的每个规则,附加一个选项
- 添加关闭选择和关闭 div
- 返回#1
但这就是实际发生的情况:
- 第一个循环添加开始和结束 div 并选择。
- 第二个循环添加具有正确内容的选项
有谁知道为什么吗?
最佳答案
我想这就是你想做的事..
var rules=[1,2,3,4,5,6];
for (i = 0; i < 13; i++){
$('.players').append('<div class="rule_dropdown"><select id="rule'+ i +'" name="rule' + i + '">');
for(j = 0; j < rules.length; j++){
$('#rule'+i).append('<option>' + rules[j] + '</option>');
}
$('.players').append('</select></div>');
}
关于javascript - 无法使用 javascript 和 jquery 创建下拉框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7697136/