jQuery - 在选择框中选择选项

Question

可能重复:
jQuery /以编程方式在选择框中选择一个选项

我想知道,是否可以直接从jQuery中选择selectbox/combobox中的选项.例如,我想在select中选择值为5的选项,其值为1到10.

我能想到的唯一解决方案是删除所有选项并使用正确的选择值重新创建它们,但这有点无效.

Answer 1

只需像处理任何其他输入元素一样处理选择框:

$("#MySelectBox").val("5");

Answer 2

您可以通过selected在<option>标记中添加属性来完成此操作.

$(document).ready(function () {
    $('#btn2').click(function(){
        $('#sel1 option[value=2]').attr('selected','selected');
    });
    $('#btn3').click(function(){
        $('#sel1 option[value=3]').attr('selected','selected');
    });
    $('#btn5').click(function(){
        $('#sel1 option[value=5]').attr('selected','selected');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<select id="sel1">
    <option value='1'>Option 1</option>
    <option value='2'>Option 2</option>
    <option value='3'>Option 3</option>
    <option value='4'>Option 4</option>
    <option value='5'>Option 5</option>
    <option value='6'>Option 6</option>
    <option value='7'>Option 7</option>
    <option value='8'>Option 8</option>
    <option value='9'>Option 9</option>    
</select>
<input id="btn2" type=button value='Select 2' />
<input id="btn3" type=button value='Select 3' />
<input id="btn5" type=button value='Select 5' />

Answer 3

当然可以

只需使用此代码选择选项5:

$("#ComboBox").val(5);

例