问题
1.代码中写一个select标签,页面有两个下拉框。
2.初始化下拉框值。
解决1
<!-- 设置 display: none 解决页面2个下拉框问题 --> <select id="name" name="name" lay-verify="required" style="display: none;"></select>
解决2
function initData(){ $.ajax({ url:"../../test/getType", type:"post", dataType:"JSON", success:function(data){ var strHtml = "<option value=''>请选择</option>"; if(data.code == "0000"){ for (var i = 0; i < data.obj.length; i++) { strHtml += "<option value='"+data.obj[i].id+"'>"+data.obj[i].name+"</option>"; } } $("#name").html(strHtml); //(重点)渲染下拉框 layui.use('form', function(){ var form = layui.form; form.render('select'); }); } }); }
相关推荐
layui的select下拉框插件,可以多选
jQuery基于Layui下拉框搜索提示列表代码,支持中文跟拼音首字母进行搜索匹配在下拉框列表显示。
html下拉多选框样式,h5下拉多选框整套样式,用layui实现下拉框select多选,取值 layui 多选下拉框 控件 整套样式
layui组件之树形下拉框例子,看完你就会写下拉树了。不过同时还需要下载ztree的相关js和style 不过压缩包里都有呢!希望对大家有所帮助
今天小编就为大家分享一篇layui下拉框获取下拉值(select)的例子,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
【经典】layui下拉框分页,大数据解决方案-附件资源
layui的插件效果,优化基础layui的原装组件的效果。 layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,...
前端select下拉框带搜索,多选,反选
基于Layui下拉选择框的多选解决方案;前身前往formSelectes, 由于渲染速度慢, 代码冗余, 被放弃了;xm-select使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展
layui下拉框select动态获取后台数据,下拉框二级联动效果,压缩包里打开a.html即可查看。
如下所示: <!DOCTYPE html> <html> <head> <title>排课设置<...content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">...link rel="stylesheet
内容概要:layui下拉框的所有可配置属性统计 使用场景及目标:项目中需要用到layui的dropdown组件的,而该组件的配置信息比较杂,这里做个统计方便后面需要的时候直接用
今天小编就为大家分享一篇解决layui下拉框监听问题(监听不到值的变化),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
今天小编就为大家分享一篇layui给下拉框、按钮状态、时间赋初始值的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
Layui首字母 / 拼音 / 中文 搜索下拉框 只能从第一个字符开始搜索。
从后台获取数据,填充,实现搜索下拉框