html:
<select name="" id="aa">
<option value="a" data-id="a">a</option>
<option value="b" data-id="b">b</option>
<option value="c" data-id="c">c</option>
<option value="d" data-id="d">d</option>
</select>
<script src="jquery-1.12.3.min.js"></script>
1、使某个data-id=’d’的option选中 (data-id可以自己设置)
$("#aa").find("option[data-id='d']").prop("selected","selected");
或者:
$("#aa").find("option[data-id='d']").prop("selected",true);
2、使某个value=’d’的option选中
$("#aa").find("option[value='d']").prop("selected",true);
3、使某个text=”d”的option选中
$("#aa").find("option[text='d']").prop("selected",true);
//此种写法无效 jquery不支持 option[text='xxx']的写法
正确写法
$.each($("#aa").find("option"),function(){
var _self = $(this);
if(_self.text() == "d"){
_self.prop("selected","selected");
}
});
//才能使其选中