javascript - 番号を動的に追加して選択する

Question

変数によって決定される選択に数字を追加する方法があるかどうか疑問に思っていました。

たとえば、新しい番号 = 3; そのため、selectに3（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>

何かご意見は？

Answer 1

このようなものは、JQuery を使用して動作するはずです。

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

Answer 2

デモ

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>

Answer 3

次の Linq クエリは、属性値に基づいて値を取得する必要があります...

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;