如何用JavaScript选择select选项？[副本]

Question

我有一个html选择选项

<select id="level" name="level" class="ui dropdown">
   <option value="">Choose</option>
   <option value="1">Abc</option>
   <option value="2">Def</option>
   <option value="3">ghk</option>
</select>

当我加载这个HTML时，我需要选择选项（基于从DB给出的数据）。

$(document).ready(function(e) {
    var selectedIndex=3; //This data i get from DB
    //now i need to select option in select.

});

那么如何根据值将selected分配给option呢？

运行示例:http://jsfidle.net/o850tw9l/

Answer 1

在纯JS中可以这样做：

var element = document.getElementById('level');
element.value = selectedIndex;

希望这有帮助！

Answer 2

试试这个..

document.getElementById('sel').value = '2';​​​​​​​​​​

<select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

演示：http://js.do/code/73755

Answer 3

使用jQuery可以选择选项，请参阅下面的代码

$(document).ready(function(e) {
    var selectedIndex=3; //This data i get from DB
    //now i need to select option in select.
    $('#level').val(selectedIndex);
});

使用jQuery的JSFIddle演示

使用Javascript的JSFiddle演示