Question

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

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

Answer 1

您需要为select元素设置.val()，$('.styledDropDown')为div

这样做

$('.styledDropDown select').val('Hannes');

演示：Fiddle

Answer 2

你可以做到

$("select[name='title'][value='Hannes']").attr("selected", "selected");

Answer 3

您可以使用

更改当前值

$('#setSelectedOne').click(function(){
    $("#title option[value='Hannes']").attr('selected',true);
});

但是我不明白为什么你会用Javascript做到这一点，因为浏览器有自己处理选择框...

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

3 个答案: