jquery指定option文本值设置select下拉选中状态

通过:contains匹配select下拉选项的option文本值,把和指定文本相同的option设置为选中状态。

html代码

<div class="setSelect">
	<select>
		<option value="1">阿里云</option>
		<option value="2">腾讯</option>
		<option value="3">网易</option>
		<option value="4">百度</option>
	</select>
	<span>点击我</span>
</div>

jquery代码

默认选中

$(function(){
	var _val = '网易';
	$('.setSelect').find('option:contains(' + _val + ')').prop('selected',true);
});

点击选中

$('.setSelect span').click(function(){
	var _val = '腾讯';
	$('.setSelect').find('option:contains(' + _val +')').prop('selected',true);
});

注意:

1、select下的每个option文本值都要是唯一的。

2、任意一个option文本值都不能包含有其它option的文本值,如同时存在“网易”和“网易网”的option,如果匹配的是“网易”,那么“网易网”也是匹配结果。