javascript - 使用 jquery 或 javascript 设置下拉选项值

Question

我想根据变量的整数值动态地将选项添加到下拉列表

这是我的下拉列表的html代码

<select class="inputreq" id="qty" name="qty"><option value="1">1</option></select>

如下所示，我在运行时获取整数值

var optioneValue = <%=getCurrentAttribute('item','custitem_max_qty_limit')%>      

假设如果 optioneValue 为 3，我想在下拉列表中显示 3 个选项，如下所示

<select class="inputreq" id="qty" name="qty">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

我尝试过使用 javascript，但它不起作用。我对此很陌生，我们可以使用 jquery 实现此目的吗？

<script type="text/javascript">
var i = 1;
while ( i <= <%=getCurrentAttribute('item','custitem_max_qty_limit')%> ) {
var addSelectOption = document.getElementById('qty');
addSelectOption.options[i-1]= new Option(i,i);
i++; // Increment i
}
</script>

Answer 1

你可以尝试这样:

<script type="text/javascript">
    var i;
    for( i=1; i <= <%=getCurrentAttribute('item','custitem_max_qty_limit')%>; i++ ) {
        $('<option/>',{
              value:i,
              text:i
        }).appendTo("#qty");
    }
</script>

Demo