更改下拉菜单的值<select> </select>

时间:2013-05-07 17:13:11

标签: javascript jquery html

如果我说有以下元素,如何从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');
}

希望你能理解这个问题=)

3 个答案:

答案 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做到这一点,因为浏览器有自己处理选择框...