javascript - 将选择选项添加到 id

Question

我必须多次使用不同的名称给出相同的选择选项。检查我的代码并帮助我!

当我仅使用单个 id 时，此代码可以正常工作。

$( document ).ready(function() {
      

    //select options for spending amount
    select = document.querySelectorAll("#amount0, #amount1, #amount2, #amount3, #amount4");
    var opt1 = document.createElement('option');
    opt1.value = 35;
    opt1.innerHTML = 35;
    select.appendChild(opt1);

    var opt = document.createElement('option');
    opt.innerHTML = 50;
    opt.value = 50;
    select.appendChild(opt);

    //loop for 100 to 1000
    for (var i = 1; i<=10; i++){
      var opt = document.createElement('option');
      var x = 100;
      x = x*i;
      opt.value = x;
      opt.innerHTML = x;
      select.appendChild(opt);
    }

  });

<td><select id="amount0" name="amount_monday" class="form-control input-sm"></select></td>
<td><select id="amount1" name="amount_tuesday" class="form-control input-sm"></select></td>
<td><select id="amount2" name="amount_wednesday" class="form-control input-sm"></select></td>
<td><select id="amount3" name="amount_friday" class="form-control input-sm"></select></td>
<td><select id="amount4" name="amount_sunday" class="form-control input-sm"></select></td>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

$( document ).ready(function() {
      

    //select options for spending amount
    select = document.querySelectorAll("#amount0, #amount1, #amount2, #amount3, #amount4");
  var selCount = select.length;
  
 for(var sC=0; sC<selCount; sC++){
   var opt1 = document.createElement('option');
    opt1.value = 35;
    opt1.innerHTML = 35;
    select[sC].appendChild(opt1);

    var opt = document.createElement('option');
    opt.innerHTML = 50;
    opt.value = 50;
    select[sC].appendChild(opt);

    //loop for 100 to 1000
    for (var i = 1; i<=10; i++){
      var opt = document.createElement('option');
      var x = 100;
      x = x*i;
      opt.value = x;
      opt.innerHTML = x;
      select[sC].appendChild(opt);
    }
  }
    

  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td><select id="amount0" name="amount_monday" class="form-control input-sm"></select></td>
<td><select id="amount1" name="amount_tuesday" class="form-control input-sm"></select></td>
<td><select id="amount2" name="amount_wednesday" class="form-control input-sm"></select></td>
<td><select id="amount3" name="amount_friday" class="form-control input-sm"></select></td>
<td><select id="amount4" name="amount_sunday" class="form-control input-sm"></select></td>

希望你明白了，要改变什么。