如何使用javascript选择选择选项?

如何使用javascript选择选择选项?,javascript,jquery,html,Javascript,Jquery,Html,我有一个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</opt

我有一个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>
那么,如何根据
所选
分配给
选项


运行示例:

您可以用jquery这样做

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

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

您可以用jquery这样做

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

document.getElementById('level').value="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您可以选择选项,请参见下面的代码

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

像这样():

像这样():

见这个问题:

我还用您的代码编写了一个示例:

document.getElementById('level')。值=2

选择
Abc
Def
ghk
请参见此问题:

我还用您的代码编写了一个示例:

document.getElementById('level')。值=2

选择
Abc
Def
ghk

在纯JS中,您可以这样做:

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

希望这有帮助

在纯JS中,您可以这样做:

var element = document.getElementById('level');
element.value = selectedIndex;
希望这有帮助

您可以使用
val()
通过其
属性来选择选择的
选项

$('#level').val('3');
或者,如果您喜欢按变量名所示的
selectedIndex
执行此操作,则可以使用
eq()
方法:

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

您可以使用
val()
通过其
属性来选择选择的
选项

$('#level').val('3');
或者,如果您喜欢按变量名所示的
selectedIndex
执行此操作,则可以使用
eq()
方法:

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

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

<select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
document.getElementById('sel')。值='2';​​​​​​​​​​
1.
2.
3.
演示:

试试这个

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

<select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
document.getElementById('sel')。值='2';​​​​​​​​​​
1.
2.
3.

演示:

那你为什么用jquery标记它?因为我不知道我是否只能用javascript来做。jquery是一个框架,一个用javascript制作的库。使用jQuery可以做的任何事情都可以使用本机javascript。谷歌快速搜索得出了以下结论:请在提问之前使用搜索。那么为什么要用jQuery标记它?因为我不知道我是否只能用javascript来做。jQuery是一个框架,一个用javascript制作的库。使用jQuery可以做的任何事情都可以使用本机javascript。谷歌快速搜索得出了以下结论:请在提问之前使用搜索。如果这是重复的,请投票、标记或评论以关闭它。不要用问题的链接回答。如果这是重复的,请投票、标记或评论以关闭它。不要用问题的链接来回答。