使用jquery选择下拉选项

Question

我想知道是否有可能让jQuery在下拉框中选择一个选项,比如说第4项？

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

我希望用户单击一个链接,然后让选择框更​​改其值,就像用户通过单击选项选择它一样.

Answer 1

怎么样

$('select>option:eq(3)').attr('selected', true);

http://www.jsfiddle.net/gaby/CWvwn/上的示例

对于现代版本的jquery,你应该使用.prop()而不是.attr()

$('select>option:eq(3)').prop('selected', true);

例子在http://jsfiddle.net/gaby/CWvwn/1763/

Answer 2

解决方案:

$("#element-id").val('the value of the option');

Answer 3

HTML select元素具有selectedIndex可以写入的属性,以便选择特定选项:

$('select').prop('selectedIndex', 3); // select 4th option

使用纯JavaScript可以通过以下方式实现:

// use first select element
var el = document.getElementsByTagName('select')[0]; 
// assuming el is not null, select 4th option
el.selectedIndex = 3;

Answer 4

我会这样做的

 $("#idElement").val('optionValue').trigger('change');

Answer 5

最简单的方法是val(value)功能:

$('select').val(2);

要获得所选值,您不需要参数:

$('select').val();

另外,如果你有<option value="valueToSelect">...</option>,你可以这样做:

$('select').val("valueToSelect");

DEMO

Answer 6

如果您的选项有值,您可以这样做:

$('select').val("the-value-of-the-option-you-want-to-select");

'select'将是您的select或类选择器的id.或者如果只有一个选择,您可以使用示例中的标记.

Answer 7

如果要选择具有特定值的选项,请使用以下代码:

$('select>option[value="' + value + '"]').prop('selected', true);

Answer 8

 Try with the below codes. All should work. 
    $('select').val(2);
    $('select').prop('selectedIndex', 1);
    $('select>option[value="5"]').prop('selected', true);
    $('select>option:eq(3)').attr('selected', 'selected');
    $("select option:contains(COMMERCIAL)").attr('selected', true);