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分配给value？

正在运行示例：http://jsfiddle.net/o850tw9L/

Answer 1

试试这个..

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 2

你可以用这样的jquery来做，

$(document).ready(function (e) {
    $("#level").val("3");
});

使用javascript，

document.getElementById('level').value="3";

Fiddle

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);
});

<强> JSFIddle Demo with jQuery

<强> JSFiddle Demo with Javascript

Answer 4

像这样（JSFiddle）：

<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>

脚本：

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


});

Answer 5

请参阅此问题：HTML SELECT - Change selected option by VALUE using JavaScript

我还用你的代码写了一个例子：

document.getElementById('level').value = 2;

<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>

Answer 6

在纯JS中你可以这样做：

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

希望这有帮助！

Answer 7

您可以使用val()从option媒体资源中选择value选区：

$('#level').val('3');

或者，如果您希望selectedIndex按照您的变量名称建议，则可以使用eq()方法：

$('#level option:eq(3)').prop('selected', true);

Updated fiddle

如何用javascript选择选项？

7 个答案: