[javascript] 使用jQuery来选择一个下拉选项



Answers

解决方案:

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

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

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

我希望用户点击一个链接,然后让选择框更​​改它的值,就好像用户通过点击选项来选择它一样。




我更喜欢使用基于1的索引而不是基于0的eq(),因此我更喜欢n-child(),这在我的大脑上稍微容易一些。

//selects the 2nd option
$('select>option:nth-child(2)').attr('selected', true);



尝试这个:

$('#mySelectElement option')[0].selected = true;

问候!




最简单的方法是val(value)函数:

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

要获得选定的值,您不会提供任何参数:

$('select').val();

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

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

DEMO




我会这样做

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



 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);





Links