jQuery：设置下拉列表的选定值？

Question

这段代码出了什么问题？

的jQuery

$(document).ready(function() {
    $("#routetype").val('quietest');
)};

HTML

<select id="routetype" name="routetype">
    <option value="fastest">Fastest</option>
    <option selected="true" value="balanced">Balanced</option>
    <option value="quietest">Quietest</option>
</select>

Fiddle

它给我'平衡'作为选择的选项，而不是'安静'。

Answer 1

更新的答案：

旧答案，现在正确的方法是使用jQuery的.prop()。 IE，element.prop("selected", true)

OLD ANSWER：

请改用：

$("#routetype option[value='quietest']").attr("selected", "selected");

小提琴： http://jsfiddle.net/x3UyB/4/

Answer 2

您需要在左侧的下拉列表中选择jQuery，并且语法有误，因为$(document).ready应该以{{1​​}}而不是}); Check this link.

结束

Answer 3

您可以按名称选择下拉选项值

jQuery("#option_id").find("option:contains('Monday')").each(function()
{
 if( jQuery(this).text() == 'Monday' )
 {
  jQuery(this).attr("selected","selected");
  }
});