HTML代码
<select class="form-control select2" id="conferenceRoom">
<option selected = "selected" >请选择会议室</option >
</select>
option其余的选项我是在后台传过来的,动态添加到select标签下边
function getAllMeetingRoom(){
var url ="/XServer/meetingRoom.do?_method=doSearch" ;
$.ajax({
url : url,
type : "post",
dataType: "json",
success : function(data) {
var searchList = data.searchList;
for(var i = 0 ; i<searchList.length ; i++){
$("#conferenceRoom").append("<option datasetId='"+searchList[i].id+"'value='"+searchList[i].name+"'>"+searchList[i].name+"</option>")
}
}
});
}
很显而易见的,我在新增option的时候添加了几个属性datasetId,value
这一步大家可以不用理解,只需要知道现在我的界面上是这样的
<select class="form-control select2" id="conferenceRoom">
<option selected = "selected" >请选择会议室</option >
<option datasetId='1' value='会议室1'>
<option datasetId='2'value='会议室2'>
<option datasetId='3'value='会议室3'>
<option datasetId='4'value='会议室4'>
</select>
重点来了
var id = 1;
$("#conferenceRoom option").each(function (){
var txt = $(this).attr("datasetid");
if(id == txt){
$(this).attr("selected","selected");
}
});
那么option属性为datasetid的就被选中了