Question

jquery怎么设置下拉列表被选中

jquery怎么设置下拉列表被选中

Answer 1

参考以下两种方法：

• 设置option的selected属性为true

• 设置select标签的value值为需要选中的值

实例演示如下:

1、根据演示需要，给出一个示例HTML结构

<select id="test">
	<option value="1">option-1</option>
	<option value="2">option-2</option>
	<option value="3">option-3</option>
</select><br>
<input type="button" id="btn1" value="设置option-2选中">
<input type="button" id="btn2" value="设置value=3的项选中">

2、jquery代码

$(function(){
	// 方法1：设置option的selected属性为true
	$("#btn1").click(function() {  // 第一个按钮单击事件
		$("select option").each(function() { // 遍历所有option，如果option内容为option-2，就设置起selected属性为true
			if($(this).text()=="option-2")
				$(this).prop("selected",true);
		});
	});
	// 方法2：设置select标签的value值为需要选中的值
	$("#btn2").click(function() { // 第二个按钮的单击事件
		$("select").val("3");  // 设置option值为3的选项选中
	});
});

3、效果演示

Answer 2

$('#select option:eq(2)').attr('selected','selected');
具体选择器 自己确定

Answer 3

引用超级小裤衩的回答：
$('#select option:eq(2)').attr('selected','selected');
具体选择器 自己确定

误人子弟，用prop不要用attr，否则你会后悔的