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

【问题标题】：Set drop down option value using jquery or java script使用 jquery 或 javascript 设置下拉选项值
【发布时间】：2014-12-01 07:22:59
【问题描述】：

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

这是我的下拉列表的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>

【问题讨论】：

查看stackoverflow.com/questions/170986/…或stackoverflow.com/questions/1730360/…的答案
希望这会有所帮助jsfiddle.net/3908050/trdo0z5v/3

标签： javascript jquery

【解决方案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

【讨论】：

【解决方案2】：

在 jquery 中使用 lt() 选择器

var optioneValue = 3;  // example 
$("#qty option").hide();
$("#qty option:lt(" + optioneValue + ")").show();

DEMO

【讨论】：

【解决方案3】：

试试那个代码

<select class="inputreq" id="qty" name="qty">
<%=
    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
    }
%>
</select>

【讨论】：

【解决方案4】：

你可以试试这个。

<select class="inputreq" id="qty" name="qty">
<?php
     for($i=1;$i<=getCurrentAttribute('item','custitem_max_qty_limit');$i++)
     {
          echo '<option value="'.$i .'">'.$i.'</option>';
     }
?>
</select>

【讨论】：