当前位置:龙哥网 > 网络技术 > jquery指定option文本值设置select下拉选中状态(select option 默认选中)

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

longge5个月前 (12-17)网络技术75

通过: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,如果匹配的是“网易”,那么“网易网”也是匹配结果。

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!