select标签如何设置默认选中的选项

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值