动态添加数字以进行选择

时间:2013-10-11 14:34:23

标签: javascript jquery

我想知道是否有一种方法可以将数字添加到由变量确定的选择中。

例如, newnumber = 3; ,然后用3填充select(包括0)

<select class="element" id="element" name="element">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

有什么想法吗?

5 个答案:

答案 0 :(得分:2)

这样的事情应该可以使用JQuery:

var selectElement = $('#element');
for (var i = 0; i <= yourVariable; i++) {
    selectElement.append('<option value="' +i +'">' + i + '</option>');
}

答案 1 :(得分:1)

DEMO

<强> HTML

<select class="add"></select>

<强> JS

function add_options(x){
    var opt;
    for(var i=0;i<=x;i++){
        opt += '<option value="'+i+'">'+i+'</option>'
    }
    return opt;
}

$('select.add').append(add_options(3));

<强>输出

<select class="add">undefined
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

答案 2 :(得分:0)

你去吧

<select id='example-select'>
</select>

function populateSelectByNumber(howmany,id) {
  var select = document.getElementById(id);
  for (var i=0;i<howmany;i++) { 
    select.options[select.options.length] = new Option(i, i);
  }
}
populateSelectByNumber(5,'example-select')

答案 3 :(得分:0)

当生成新数字时,您可以动态创建选择元素。

$("#element").empty();
for(var i = 0; i <= newnumber; i++){
  $("#element").append("<option value='" + i + "'>" + i + "</option>");
}

答案 4 :(得分:0)

以下Linq Query应根据属性值...

检索值
string input = "<xml string>"
string key = "3";
XElement root = XElement.Parse(input);
var output = (from el in root.Elements("option")
              where (string)el.Attribute("value") == key
              select el).First().Value;