在下拉列表中动态添加选项数

时间:2015-07-27 11:13:59

标签: javascript jquery html

我有一个来自我的数据库的数字值。我想根据数字的计数显示下拉列表。例如,如果数字是5,那么我需要在下拉列表中显示1-5个选项。任何人都可以指导我吗?

感谢您的回复。

4 个答案:

答案 0 :(得分:2)

请先在谷歌搜索您的想法。我在php中给你举个例子 如果您的数据库给出响应,如5 比写代码

<select>
<?php $i=5;
for($i;$i<=5;$i++)
{ 
echo "<option>".$i."</option>";
}?>
</select>

答案 1 :(得分:1)

如果您的数据库返回5并将其放在变量“number”中,您可以这样做:

<form>
<select id="myid"></select>
</form>
<script>
 var number=5;
 var optionList = "";
 for (var x=1; x<=number; x++) {
  optionList += "<option>"+x+"</option>";
 }
 $("select#myid").html(optionList);
</script>

答案 2 :(得分:0)

有很多方法可以做到,其中一些是

$('select').append($('<option>', {value:1, text:'One'}));

  $('select').append('<option val="1">One</option>');

 var option = new Option(text, value);
    $('select').append($(option));

答案 3 :(得分:0)

@ theglossy1解决方案的替代解决方案 当你想要连接大号时,这很有用。选项,
使用数组进行字符串连接

<form>
<select id="myid"></select>
</form>
<script>
 var number=5;
 var ArrayoptionList = []; //Array of Option list
 for (var x=1; x<=number; x++) {
  ArrayoptionList.push("<option>"+x+"</option>");
 }
 $("select#myid").html(ArrayoptionList.join(""));
</script>

请参阅以下链接

High Performance Concatenation in Javascript