javascript - 无法使用 javascript 和 jquery 创建下拉框

Question

我有以下代码:

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 个具有相同内容的下拉列表。我预计这会发生:

1. 首先 for 循环添加一个打开的 div 并选择
2. 对于规则数组中的每个规则，附加一个选项
3. 添加关闭选择和关闭 div
4. 返回#1

但这就是实际发生的情况:

1. 第一个循环添加开始和结束 div 并选择。
2. 第二个循环添加具有正确内容的选项

有谁知道为什么吗？

Answer 1

我想这就是你想做的事..

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>');

}