使用jQuery或Java腳本設置下拉選項值

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>

演示

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>