时间:2021-05-26
第一步form表单里写好一个下拉框
<div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select id="selectId" name="interest" lay-filter="city"> </select> </div> </div>第二步layui 加载jquery模块 动态给select添加option
模拟后台传递过来的json数据
[ { "cityName":"上海", "cityId":"1" }, { "cityName":"杭州", "cityId":"2" }, { "cityName":"深圳", "cityId":"3" }, { "cityName":"北京", "cityId":"4" }]展示(默认选中cityId=2 即杭州这一项)
以上这篇layui 根据后台数据动态创建下拉框并同时默认选中的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
初学layui时会遇到layui的下拉框总是显示不出来代码没问题但是页面就是不显示下拉框复制下面js代码layui.use('form',function(){
复制代码代码如下:下拉框模拟只读//根据下拉框ID设置下拉框只读functionsetReadOnly(obj_id){varobj=document.getE
PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件;当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢?
  一、直通车的选词渠道  直通车的选词方式有很多,例如:直通车后台数据、数据魔方、淘宝搜索下拉框等等,着重推荐淘宝搜索
如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。业务介绍:模拟后台数据向DOM树上遍历数据,再向数据里添加状态属性,根据状态改变显示图片,默认noc