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