使用jQuery在dropdownlist中设置默认值

时间:2011-01-24 11:28:26

标签: javascript jquery html css events

我的下拉列表中有很多选项,例如:

<option value="1">it's me</option>

我需要在标记内选择具有值 it's me 的选项,而不是像1这样的属性。

如何使用jQuery执行此操作?

8 个答案:

答案 0 :(得分:77)

如果您想使用jQuery,请尝试以下代码。

$('select option[value="1"]').attr("selected",true);

更新:

根据Vivek的评论,正确地指出史蒂芬斯皮尔伯格希望通过其Text值选择该选项。

以下是更新后的代码。

$('select option:contains("it\'s me")').prop('selected',true);

您需要使用:contains(text)选择器通过包含文本进行查找。

此外,jQuery prop在获取和设置属性时可以更好地支持Internet Explorer。

A working example on JSFiddle

答案 1 :(得分:31)

你可以这样做:

$('#myCombobox').val(1)

答案 2 :(得分:5)

value()应该处理两种情况

  <option value="1">it's me</option>      


$('select').val('1'); // selects "it's me"

$('select').val("it's me"); // also selects "it's me"

答案 3 :(得分:2)

$("#dropdownList option[text='it\'s me']").attr("selected","selected"); 

答案 4 :(得分:1)

jQuery("select#cboDays option[value='Wednesday']").attr("selected", "selected");

答案 5 :(得分:0)

这很好用:

$('#country').val($("#country option:contains('It\'s Me')").val());

答案 6 :(得分:0)

一行jQuery就可以做到这一切!

$("#myCombobox option[text='it\'s me']").attr("selected","selected"); 

答案 7 :(得分:0)

$('#userZipFiles option').prop('selected', function() {
        return this.defaultSelected;
    });