本文摘自PHP中文网,作者藏色散人,侵删。
layui中设置select项的方法:首先创建一个HTML示例文件;然后通过ajax从后台请求获得select可供选择的元素;最后通过点击dl下某个确定的dd元素实现select的选择事件即可。

本教程操作环境:Windows7系统、layui1.0版,该方法适用于所有品牌电脑。
推荐:《javascript基础教程》《layUI教程》
1、 需求场景分析
用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值。
2、 Layui的select下拉框是怎么实现的
为了获得一个select标配的下拉框,我们需要在html中填写的内容如下:
1 2 3 4 5 6 7 8 9 10 11 12 | <div class = "layui-form-item" >
<label class = "layui-form-label" ><span class = "color-red" >* </span>发送对象:</label>
<div class = "layui-input-inline" >
<select id= "edit_exam_school" >
<option value= "" >请选择</option>
<option value= "1" >华南理工大学大学城</option>
<option value= "2" >华南理工大学五山校区</option>
<option value= "3" >中山大学珠海校区</option>
<option value= "4" >中山大学大学城校区</option>
</select>
</div>
</div>
|
layui对以上html的渲染结果如何?
阅读剩余部分
相关阅读 >>
layui如何实现数据分页功能
layui代码修饰器不显示样式怎么解决
layui表单中的inline和block介绍
如何解决layui时间控件闪退问题
layui如何实现表格单元格合并
layui定义一个模块并使用的实例
为laydate输入框加上图标的方法(附代码)
layui框架的好处
使用layui表格实现后台分页的方法
layui是什么?有什么作用?
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui中怎么设置select项