让option属性为XX的选项选中

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的就被选中了

猜你喜欢

转载自blog.csdn.net/qq_39705793/article/details/82813343