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

Answer 2

在jquery中使用 lt() 选择器

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

<强> DEMO

Answer 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>

Answer 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>

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

4 个答案: