如何使用javascript选择选择选项?
我有一个html选择选项如何使用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
<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。谷歌快速搜索得出了以下结论:请在提问之前使用搜索。如果这是重复的,请投票、标记或评论以关闭它。不要用问题的链接回答。如果这是重复的,请投票、标记或评论以关闭它。不要用问题的链接来回答。