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

缺乏、安全感 2021-09-27 11:42 461阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，461人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery设置bootstrap-select的默认选中值

<select id="mSelect"></select> $("\mSelect").val(\["1","2"\]); $("\mSelect").selectpic

桃扇骨/ 2023年06月04日 13:00/ 0 赞/ 20 阅读

相关 select标签添加属性selected=“selected”依然不能默认选中

一般情况下，我们设置如下： <select> <option value="">--请选择--</option> <option valu

比眉伴天荒/ 2022年08月13日 11:59/ 0 赞/ 564 阅读

相关关于struts使用html:select标签的默认选项

方法一： <html:select property="id"> //这里一定不能再用vlue属性了，只用一个property就可以了 <c:forEac

你的名字/ 2022年08月09日 01:53/ 0 赞/ 183 阅读

相关 jquery怎么获取select选中的值，默认选中

jQuery是控制和操作select详解。 eg： <select id="test"> <option value="1">选项一<option>

拼搏现实的明天。/ 2022年07月13日 11:24/ 0 赞/ 321 阅读

相关 HTML中的<select>标签如何设置默认选中的选项

转自：http://www.cnblogs.com/besty/p/4094951.html 方法有两种。第一种通过<select>的属性来设置选中项，此方法可

怼烎@/ 2022年06月17日 14:00/ 0 赞/ 421 阅读

相关 select根据text默认选中

var strainGene = vm.detailObj.strainGene; console.log(strainGene); $(".

刺骨的言语ヽ痛彻心扉/ 2022年06月17日 01:17/ 0 赞/ 230 阅读

相关 AngularJS select组件如何默认选中状态

每日问题总结打卡 AngularJS是一个JavaScript框架，支持很多特性 AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS

以你之姓@/ 2022年06月06日 06:44/ 0 赞/ 249 阅读

相关 js select 页面返回选中原来的选项

js select 页面返回选中原来的选项（1）后台返回 ![Image 1][] ![20171025110242334][] ![20171025

怼烎@/ 2022年06月06日 00:21/ 0 赞/ 184 阅读

相关 elementUI select 默认选中

`v-model`的值为当前被选中的`el-option`的 value 属性值 <template> <el-select v-model="value

ゝ一纸荒年。/ 2022年05月30日 12:13/ 0 赞/ 622 阅读

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

HTML代码 <select class="form-control select2" id="conferenceRoom"> <option selec

缺乏、安全感/ 2021年09月27日 11:42/ 0 赞/ 462 阅读