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