Jquery在for循环中创建选项元素？

我的

select

下拉列表最初是使用

php

创建的，如下所示：

  <select id="cupcake-amt" name="amt">
         <?php for($i=0; $i<50; $i++) : ?>
          <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
          <?php endfor; ?>
  </select>

您只需清空select。。然后使用一个变量存储选项元素，并将其追加到末尾

$('#cupcake-amt').empty(); // <-- empty the select box - so it removes the 50
var x = '';  // <-- variable to store option string
for(i=0;i<theLengthYouWant;i++){  
   x += '<option value="' + i + '">' + i + '</option>';  // <-- store how many options
}
$('#cupcake-amt').append(x);  // <-- append to the select

$（“#纸杯蛋糕金额”）.empty（）；// 如果您想在jQuery中重建选项upt 12项，可以这样做

<script type="text/javascript">
   $(function(){
      var options="";
      var numberOfItemsNeeded=12;
      for(var i=1;i<=numberOfItemsNeeded;i++)
      {
         options+="<option value='"+i+"'>"+i+"</option>";
      }       
      $("#cupcake-amt").html(options);        
   });
</script>


$（函数（）{
var期权=”；
var NumberOfItemsNeed=12；
对于（var i=1；i您可以创建JS函数：

function generator(number, selectId) {
   var options = '';
   for (var i = 0; i < number; i++) {
     options += "<option value="+i+'>'+i+'</option>'
   }
   $('#'+selectId).html(options)
}

您想重建已经生成的选项吗？还是跳过PHP，在页面加载时使用JavaScript生成选项？或者其他什么？
generator(10, 'target')