<form class="layui-form" name="myform" method="post" action="">    <div class="layui-form-item">        <div class="layui-rm-label"&g...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-03 10:00:04
                            
                                1617阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录[隐藏] Layui select 下拉框动态渲染 Layui select 下拉框动态渲染这几天在做一个功能时需要用到 select 动态渲染。但是我在渲染的时候始终不对,第一次始终不能渲染,而且随着 select 个数增多渲染次数也要增加,然后回来剥离一个 demo 结果又可以,白白浪费好久时间,最终发现还是有几处不对。直接上代码把:html 代码:<button type=...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-14 15:09:27
                            
                                3311阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果改变了select里面的值,需要重新渲染,这是layui的要求。
如果用jquery直接选择,就跳过了layui.
 
select下拉框
   <select id="ZhiWuErJi" class="layui-input " type1="flow_select" isflow="1" required="required" name="ZhiWuErJi">
  &l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-11-17 08:09:00
                            
                                1648阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            在弹框中使用的xm-select多选总是不生效, 处理办法如下: 把弹框 div 结构改为script Before: <div id="popUpdate"> After: <script type="text/html" id="popUpdate">            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-07 16:17:34
                            
                                1075阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            选择器选择select的,然后使用append拼接option代码,添加循环的属性即可,最后重载下表单form$.ajax({        type:'post',        data:{},        dataType:'json',        url:ctx+'/user/list',        success:function (msg) {            var            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-21 00:27:33
                            
                                444阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <div class="layui-inline">            <div class="layui-input-inline">              <select name="label" id="catalog">                <option value="">专业分类</option> ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-08 14:12:44
                            
                                1165阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <div class="layui-form" lay-filter="test1">  …</div> <div class="layui-form" lay-filter="test2">  …</div>      【JavaScript】form.render(null, 'test1');            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-07-19 17:01:17
                            
                                280阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html: <div id="app"> <table cellspacing="0" class="tb ls"> <tbody> <tr> <th data-hide="1200">用户名</th> <th data-hide="1200">价格</th> <th>IP</th> <th>添加时 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-18 15:57:00
                            
                                258阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            记项目中又一表格使用方法,项目首选是使用BootstrapTable的,但是经过多番查证与调试,始终没有把固定列的功能调试成功,找到的成功的例子原样照搬都不行,文件引入也都没有问题,实在搞不懂了,如果有哪位大神知道BootstrapTable列固定如何实现,望不吝赐教。言归正传,依据项目表格展示需求,剥去业务,需要一个具有每行具有复选框,多级表头,表头信息动态获取,列固定,点击单元格数据可查看详情            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-26 16:55:02
                            
                                168阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            layui 分页vue渲染表格: 步骤: 1、初始化获取表格列表数据,默认显示第一页数据列表; 2、列表渲染完接着初始化layui分页 3、分页点击跳转时再获取指定页码的数据列表 问题点: 点击分页后【jump】跳转分页将页面传递给获取list的方法,数据可以实时渲染最新的,但是方法不能再调用同一个 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-18 10:40:00
                            
                                428阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.看效果 2.前端代码 3.js部分            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-09 15:03:40
                            
                                538阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、html代码如下,不要忘记lay-filter属性<div class="layui-input-block"><select id="brickType" lay-filter="brickType"><option value="0">--请...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-06 18:40:06
                            
                                503阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景 在做一个管理系统,服务端接口都开发完了,开始做页面,无意间看到layUI,看别人做的系统效果还不错。于是拿来做自己系统的UI,感觉上手还比较容易。做到后面发现官方文档写的过于简单了,有些实现自己摸索,有些是参考了别人的例子。下面就说说如何使用。实践一、使用步骤 从官网:https://www.layui.com/下载使用,文旦和示例都在一起,赞一个,方便开发者查阅。文件结            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-07 20:00:07
                            
                                104阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            关于一些经常用到的参考文档:这里都罗列一下,查找起来比较方便Element UI手册:https://cloud.tencent.com/developer/doc/1270github地址:https://github.com/ElemeFE/elementvue2.0官方网站:http://caibaojian.com/vue/guide/installation.htmlelemen...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 11:12:59
                            
                                1251阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            关于一些经常用到的参考文档:这里都罗列一下,查找起来比较方便Element UI手册:https://cloud.tencent.com/developer/doc/1270github地址:https://github.com/ElemeFE/elementvue2.0官方网站:http://caibaojian.com/vue/guide/installation.htmlelemen...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-20 17:11:21
                            
                                1099阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            “ 使用layer.open动态渲染select遇到的坑”01—使用ajax动态渲染select下拉框,无法            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-09 13:52:27
                            
                                4559阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            修改后添加这一段 也可以用官方的方法:https://www.layui.com/doc/modules/form.html#render            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-05-30 09:29:00
                            
                                381阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近做的需求里面有类似于下拉框多选的需求,因为本身应用的是layui的组件库,所以变去借鉴了一下写法,应用到自己的项目之后的效果那是刚刚的。超级好用,下面先贴上代码:
/**
 @Name:layui.form 表单组件
     @Author:贤心
 @License:MIT
 */
layui.define('layer', function(exports){
    "use s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-29 10:06:35
                            
                                137阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 使用 jQuery 渲染 Select 下拉菜单
在网页开发中,`select` 元素通常用于创建下拉选择菜单。虽然 HTML 自身已经包含了 `select` 标签,但有时我们需要动态地填充这些选择项。使用 jQuery,可以轻松实现这个目标。本文将介绍如何利用 jQuery 渲染一个 `select` 下拉菜单,同时结合代码示例,帮助大家理解这一过程。
## jQuery 简介
jQ            
                
         
            
            
            
            三种初始化渲染方式 1.方法渲染 【添加表单容器】 <table id="demo" lay-filter="tes            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-22 10:51:27
                            
                                2173阅读
                            
                                                                             
                 
                
                                
                    