javascript - 如何将选项附加到选择

Question

我有一个包含数字的变量。我想根据变量编号在每个选项中附加一个带有数值的选项(即:如果总数等于 10，那么我需要向选择添加 10 个选项，每个选项包含下一个数字行值，所以1、2、3、4 等。我从一个硬编码选项开始，然后我需要为每种情况动态添加选项。我尝试了多种脚本，但我“无法使用”运算符搜索长度。

https://jsfiddle.net/v1yyhfm8/

HTML

 <select id="main">
     <option selected>1</option>
 </select>

我试过:

 var total = dataSource.total();
 for (var i = 1; 1 <= total; i++) {
     var added = document.createElement('option');
     var test = $('#main');
     added.value = i;
     added.innerHTML = i;
     test.append(added);
 }

和

  var total = dataSource.total();
  $.each(total, function (i, item) {
    $('#main').append($('<option>', {
       value: item.total,
       text: item.text
    }));                               
  });

Answer 1

在您的代码中，for 循环条件始终为真，这会导致无限循环，因此将其更改为 i <= total .

var total = dataSource.total();
for (var i = 1; i <= total; i++) {
    var added = document.createElement('option');
    var select1 = $('#main');
    added.value = i;
    added.innerHTML = i;
    select1.append(added);
}

var total = 10;
for (var i = 1; i <= total; i++) {
  var added = document.createElement('option');
  var select1 = $('#main');
  added.value = i;
  added.innerHTML = i;
  select1.append(added);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="main">
  <option selected>1</option>
</select>