layui select框动态展示option与拿值

本文详细介绍了如何使用layui在页面上动态展示select框,并从数据库获取数据。通过示例代码展示了jsp和js的实现过程,特别是在弹出层中如何成功调用load函数加载select框。同时,讨论了如何在获取option的value值之外,还能捕获到显示的文字信息(如小红和小明),并提供了作者亲测有效的解决方案。
摘要由CSDN通过智能技术生成

真是我写到吐血才写出来的,分享给你们,希望有所帮助;
照例先看样式:
在这里插入图片描述

这里展示的小红和小明是数据库里的,

这是页面上layui jsp的代码

<div class="layui-form-item" >
				<div class="layui-inline">
					<label class="layui-form-label">指派给:</label>
					<div class="layui-inline">
						<select id="staff" name="staff" lay-filter="staff" lay-verify="required">					
						</select>
					
					</div>
				</div>

再看js的;这个是弹出层,我在success方法调用了程序入口外的function
load function的作用是加载我的select框

layer.open({
					type : 1,
					title : '指派操作',
					maxmin : true,
					shadeClose : true, // 点击遮罩关闭层
					area : [ '60%', '40%' ],
					fixed : false, // 不固定
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值