layui select 下拉框 级联 动态赋值 与获取选中值

//下拉框必须在  class="layui-form" 里 不然监听事件没有作用
<div class="layui-form" >
		<div class="layui-inline">
			<label class="layui-form-label">选择项目:</label>
			<div class="layui-input-inline">
				<select name="quiz" id="quiz" lay-filter="projectfilter">
				</select>
			</div>
		</div>
		<div class="layui-inline">
			<label class="layui-form-label">选择子级:</label>
			<div class="layui-input-inline">
				<select name="project" id="project"  >
				</select>
			</div>
		</div>
		<button id="shuxinBtn" class="layui-btn" lay-submit="" lay-filter="seekClassRoom">
			<i class="layui-icon">&#xe615;</i>
		</button>
	</div>
 $.ajax({
				url : "project/findByParentId",
				data : {},
				dataType : "json",
				success : function(resultData) {
					$("#quiz").empty();
					if(resultData.code == 0){
						console.log(resultData.data);
						$("#quiz").append(new Option("请选择项目", ""));
						$.each(resultData.data, function(index, item) {
							$('#quiz')
									.append(new Option(item.projectName, item.id));
						});
					}else{
						$("#quiz").append(new Option("暂无数据", ""));
					}
					
					layui.form.render("select");
				}
			})
			
			//级联子项目
			//select 监听
			form.on('select(projectfilter)',function(data){
				var value=data.value;  //select选中的值
				console.log(value);
				$.ajax({
					url:"project/findParentId",
					data:{parentId:value},
					dataType:"json",
					success:function(resultData){
						if(resultData.code == 0){
						//清空赋值
							$("#project").empty();
							console.log(resultData.data);
							$("#project").append(new Option("请选择项目", ""));
							$.each(resultData.data, function(index, item) {
							//赋值
								$('#project')
										.append(new Option(item.projectName, item.id));
							});
						}else{
							$("#project").append(new Option("暂无数据", ""));
						}
						layui.form.render("select");
					}
				})
			})
			layui.form.render("select");
		});

两种方式赋值——————————————————————

$("#getInfoName").find("option[value='"+data.PROJECT_ID+"']").prop("selected",true);
form.render();  //必须要加
		        	
$("#getInfoName").prop("disabled",true);   //选中不可点击

选中默认值和选中不可点击

  • 3
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值