HTML选择标签太大了

时间:2016-12-14 13:38:49

标签: javascript html

我基本上有这个硬编码: -



<select id="nr">   
                 <option value="0">0</option>
                 <option value="1">1</option>
                 <option value="2">2</option>
                 <option value="3">3</option>
                 <option value="4">4</option>
                 <option value="5">5</option>
               </select>
&#13;
&#13;
&#13;

应该从数组中选择一个值,有没有一种方法可以在不对所有这些值进行硬编码的情况下进行选择?最好用javascript或html创建一个带有我的数组长度的循环?

3 个答案:

答案 0 :(得分:1)

希望这能帮到你!

&#13;
&#13;
function addOptionValue(value) {
  var option = document.createElement('option');
  option.setAttribute('value', value);
  option.innerHTML = value;
  selectEl.appendChild(option);
}

var optionsArray = [1, 2, 3, 4, 5],
selectEl = document.getElementById('nr');

for (i in optionsArray) {
  addOptionValue(optionsArray[i]);
}
&#13;
<select id="nr"></select>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

Jquery的

$(function(){
    for (i=1;i<=5;i++){
        $("#nr").append($('<option></option>').val(i).html(i))
    }
});

的Javascript

<script>
for(var i=1; i<=5; i++){
   var option = document.createElement("option");
   option.value = i;
   option.text = i;
   document.getElementById('nr').appendChild(option);
}
/<script>

Demo

答案 2 :(得分:0)

这样的事情?

var arr = [0,1,2,3,4,5];
var select_elem = document.getElementById("nr");
for (var i = 0; i < arr.length; i++){
    var option = document.createElement("option");
    option.value = arr[i];
    option.text = arr[i];
    select_elem.appendChild(option)
}
<select id="nr">       
</select>