Question

我想在前端创建动态长度的下拉列表。

这里的长度不固定，列表将是数字，总是从0开始到最长。我不知道jQuery所以任何帮助将不胜感激。

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

Answer 2

试试这种方式

HTML CODE：

          <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 CODE：

$('#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/

快乐编码：）

动态长度下拉列表

2 个答案: