2014-03-03 58 views
0

我想在動態長度的前端創建下拉列表。動態長度下拉

這裏的長度並不固定,列表將是數字,它總是從0開始到最大長度。我不知道jQuery,所以任何幫助將不勝感激。

+0

你應該共享相關的代碼和你所期待的。 –

回答

0

嘗試這種方式

HTML代碼:

  <input id="cnt" type="text" name="count" size="10" /> 
      <input id="gen" type="button" name="generate" value="generate" /> 
      <select name="sel" id="ddlb"></select> 

jQuery代碼:

$('#gen').on('click', function() { 
    if ($('#cnt').val().trim() !== "") { 
    var index = 0; 
    $('#ddlb').html(""); 
    while (index < $('#cnt').val()) { 
     $('#ddlb').append($('<option>', { 
      value: index, 
      text: index 
     })); 
     index++; 
    } 
    } 
}); 

現場演示:

http://jsfiddle.net/dreamweiver/aDqhH/6/

編碼快樂:)

+0

它令人敬畏的夢想。非常感謝。 –

1

嘗試這樣

<script type="text/javascript"> 
    $(document).ready(function() { 
     for (i = 0; i < 10; i++) { 
      $("#mySelect").append($("<option>", { html: i })); 
     } 
    }); 

</script> 
<body> 
<select id="mySelect"></select> 
</body>