如果我说有以下元素,如何从jquery动态更改其中的选定值? (我知道这里有很多关于这个主题的线索,我已经尝试过但我只是不能让它起作用)
<div class="styledDropDown">
<form name="viewBeds" method="post" action="formhandler.cgi">
<select name="title" onchange="javascript:showHideBeds();">
<option selected value="All">All</option>
<option value="Hannes">Hannes</option>
</select>
</form>
</div>
我想在这些值之间切换,以便所选值变为“Hannes”而不是“All”。
这怎么做最容易? 如果没有成功,请执行以下操作
function showHideBeds(){
$('.styledDropDown').val('Hannes');
}
希望你能理解这个问题=)
答案 0 :(得分:1)
您需要为select元素设置.val(),$('.styledDropDown')
为div
这样做
$('.styledDropDown select').val('Hannes');
演示:Fiddle
答案 1 :(得分:0)
你可以做到
$("select[name='title'][value='Hannes']").attr("selected", "selected");
答案 2 :(得分:0)
您可以使用
更改当前值$('#setSelectedOne').click(function(){
$("#title option[value='Hannes']").attr('selected',true);
});
但是我不明白为什么你会用Javascript做到这一点,因为浏览器有自己处理选择框...