文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
    时间不限
    最近一周
    最近一月
    最近三月
  • 来自专栏js知识

    layui 框架如何取得select下拉框选中的值

    使用layui时，当用户点击1级知识点下拉框，选择对应学科知识，我需要获取select下拉框对应的值和名称，采用jq或者js无法正常获取到，查看代码发现select option没有发生改变，新增了一部分其它元素 值和名称在dl>dd.layui-this体现。 小学数学</option><option value="2">小学语文</option><option value="3">小学英语</option></select>获取被选中的<script> layui.use ('form', function() { var form = layui.form; form.on('select(know1)', function(data) { 获取选中的值 console.log(data.elem); //得到select原始dom对象 console.log(data.othis); //得到layui

    1.4K10编辑于 2024-11-07
  • 来自专栏全栈程序员必看

    layui–select使用以及下拉框实现键盘选择

    1.select下拉框一定要放到layui-form类下。这个layui-form不是必须放在form上，放在一个div也是可以的 2.要注意每次form render之后呢，要重新注册事件。 <script type="text/javascript"> /***********layui下拉框选择,支持键盘*************/ layui.use('form', function (){ var form = layui.form; var $ = layui.$; form.render(); //每次渲染之后手注册事件 $("dl"). layui-form-selected'); curDd = $(dl).find('.layui-this').nextAll(':not(.layui-hide)'); ').addClass('layui-form-selected'); curDd = $(dl).find('.layui-this').prevAll(':not(.layui-hide

    3.9K20编辑于 2022-08-03
  • 来自专栏闻道于事

    layui动态设置下拉框数据，根据后台数据设置选中

    追加下拉框数据： 设置默认选中： 正常的判断这种情况是不行的，因为追加出的数据，在前台显示的并不是同一个下拉框，原来的下拉框被隐藏了 因此需要：根据原来的位置，寻找下一个节点，寻找子节点的方式找到相应的前台显示的下拉框 $("#synopsis").val(data.synopsis); 18 $("#editBookform").removeClass("layui-hide

    5.2K100发布于 2018-02-28
  • 来自专栏猿码优创

    学习layui分享

    先给大家介绍一下什么是layui ? layui的存在价值（摘自百度百科） ? 甩一个layui的官网 layui官网下载layui的开发包 目录结构如下： ? 然后就可以进行开发了。 给大家说一下下拉框的数据动态填充

    <label class="<em>layui</em>-form-label">KingYiFan是男是女：</label> value="">请选择</option> </select>
    //初始化下拉框数据 页面数据 function initSexData() { $("select[id=sex]").append(option); }); } }); } 以上是下拉框动态添加 下面是数据下拉框回显 $("[name='sex']").val("1"); 以上就是下拉框的回显。

    2.2K20发布于 2019-07-28
  • 来自专栏凯哥Java

    基于layUI调用后台数据实现区域信息级联查询

    /css/layui.css" /><script src="/js/jquery-3.2.1.min.js"></script><script src="/lib/<em>layui</em>/<em>layui</em>.js"></ data.elem[data.elem.selectedIndex].text;        getCity(data.value);        form.render('select');//重新渲染下拉框 form.on('select(city)', function(data){        getCounty(data.value);        form.render('select');//重新渲染下拉框 ('select(county)', function(data){        getStreet(data.value);        form.render('select');//重新渲染下拉框 'select(street)', function(data){        getVillage(data.value);        form.render('select');//重新渲染下拉框

    1.4K30编辑于 2022-12-23
  • 来自专栏全栈程序员必看

    layui table样式_layui table 分页

      <a class=”layui-btn layui-btn-xs” class=”edit” οnclick=’editUser(${user.id})’ >编辑</ a>  <a class=”layui-btn layui-btn-danger layui-btn-xs” class=”del” οnclick=’deleteUser(${user.id}) ’ >删除 </#list> </#if>   使用layui渲染table layui.use([‘ common’,’table’,’jquery’], function(){   var common = layui.common;   var table = layui.table;   var $=layui.$;    var data={    table :{ id:’userlist-table’, options:{   } }, page :{ 

    2.2K10编辑于 2022-09-30
  • 来自专栏后端开发随笔

    LayUI框架应用常见问题

    https://layui.itze.cn/index.html LayUI框架文档主页 获取URL参数 诸如表格中的“编辑”，“详情”工具按钮，需要在弹出层页面中获取在URL中传递的参数。 resize", function () { layer.full(index); }); return false; } }); 设置下拉框默认选项值 //根据值让option选中 $("#mySelect option[value='"+myValue+"']").attr("selected","selected"); 下拉框通过接口动态赋值 https://www.jianshu.com/p/708c915fb905 js获取url参数值的几种方式 https://m.php.cn/layui/465464.html layui修改 select的值的方法 https://www.cnblogs.com/yagamilight/p/9902093.html LAYUI下拉框后台动态赋值

    1.5K20编辑于 2022-04-29
  • 来自专栏Elasticsearch

    基于layUI调用后台数据实现区域信息级联查询

    /css/layui.css" /> <script src="/js/jquery-3.2.1.min.js"></script> <script src="/lib/<em>layui</em>/<em>layui</em>.js"> ="layui-form-item"> <label class="<em>layui</em>-form-label">联动选择框</label> <div class="<em>layui</em>-input-inline ('select(city)', function(data){ getCounty(data.value); form.render('select');//重新渲染<em>下拉框</em> select(county)', function(data){ getStreet(data.value); form.render('select');//重新渲染<em>下拉框</em> 监听选择省份<em>下拉框</em>调用地市信息，选择地市加载区县依次类推即可 ? 6.页面展示效果 ?

    2.2K30发布于 2019-09-04
  • 来自专栏全栈程序员必看

    layui弹窗间的传值（layui弹出层传值）(窗口传值)

    body.find("#changefileform").serializeArray().forEach(function (item) { //获取弹出层写下的数据，input，下拉框啊 layer.close(index); resetSearch(); } }); } 点击按钮后，提前加载 然后是html界面,script里面是用来下拉框加载数据库数据的 ="layui-form-label layui-bg-red layui-center">文件名</label>

    然后再这个弹出层填写数据，按了确定后就开始加载这个js啦，这个获取数据是通过name属性来获取的，上面 那个的话是通过class名称来获取的 然后controller获取从js传来的数据的话，看我另外的博客 下拉框动态获取数据库数据 下拉框可以搜索 看我其他博客 3、通过session传值 设置session sessionStorage.setItem('roleid', 'hello'); 取session var ss=

    8.9K20编辑于 2022-07-01
  • 来自专栏御宅男の博客

    Yzncms系列教程（九）：自定义字段的使用方法

    前言 截止目前yzncms可以定义以下字段 输入框[text],复选框[checkbox],多行文本[textarea],单选按钮[radio] 开关[switch],数组[array],下拉框[select ],下拉框(多选)[selects] 高级下拉框[selectpage],单张图[image],多张图[images] 标签[tags],数字[number],日期和时间[datetime] 百度编辑器 需求例子1：我们需要拓展数组字段，如下效果 图片 里面包含了图片选择，文本框，单选框和下拉框基本满足了一般需求 新建文件 在application/admin/view/custom/目录下新建custom.html layui-form-text"> <label class="<em>layui</em>-form-label">{$vo.title} {if condition="isset($vo.ifrequire layui-hide">{$vo.value}</textarea>

    {if $vo.remark}<div class="<em>layui</em>-form-mid2 <em>layui</em>-word-aux

    93620编辑于 2022-08-30
  • 来自专栏sktj

    Layui 介绍

    1、下载地址：https://res.layui.com/static/download/layui/layui-v2.5.5.zip? /layui/css/layui.css . /layui/css/layui.css"> </head> ........... <script src=".. /<em>layui</em>/<em>layui</em>.js"></script> 4、全局配置：layui.config layui.config({ dir: '/res/layui/' //layui.js 所在路径（注意 ,layedit = layui.layedit; //do something }); 7、数据存储：layui.data ,layui.sessionData localStorage

    1.9K20发布于 2019-10-23
  • 来自专栏sktj

    Layui button

    layui-btn <button type="button" class="<em>layui</em>-btn">一个标准的按钮</button> 一个可跳转的按钮 layui-btn-primary,normal,warm,danger,disabled layui-btn-lg,sm,xs ? layui-btn-fluid ? layui-btn-radius ? 图标按钮 ? 按钮组：layui-btn-group ? 容器按钮：layui-btn-container ?

    2.2K20发布于 2019-10-23
  • 来自专栏全栈程序员必看

    thymeleaf判断对象是否为空的相关逻辑处理

    -- 正确写法可以实现 -->

  • <! -- 无法实现 -->
  • 场景二 对于上述编辑页面，要使用后台数据进行下拉框的填充。而添加页面无需下拉框数据的填充。 由于二者是公用一个页面，解决如下，记录一下
    <select lay-verify="required" name="categoryId 此时就要<em>下拉框</em>取消选中 这个 ?

    2.3K20编辑于 2022-08-28
  • 来自专栏站长的编程笔记

    Layui 按钮

    ="layui-btn layui-btn-fluid">流体按钮</button>

    3. 圆角按钮 ---- layui-btn-radius <button class="<em>layui</em>-btn <em>layui</em>-btn-radius">圆角按钮</button> 4. 图标按钮 ---- <button class="<em>layui</em>-btn <em>layui</em>-icon <em>layui</em>-icon-face-smile"></button>

    <button class ="<em>layui</em>-btn <em>layui</em>-icon <em>layui</em>-icon-face-smile"> 图标按钮</button>

    <button class="<em>layui</em>-btn"> 图标按钮 </button> 5.

    1.6K40编辑于 2023-02-18
  • 来自专栏全栈程序员必看

    layui实现数据分页功能_layui分页使用

    最近需要对后台的数据进行分页渲染并且需要进行表头动态渲染，因此和小伙伴一起学习了layui的数据表格渲染，然后进行了改进，成功之后记录了下来 先说前端HTML和js代码 <script src=" /<em>layui</em>/<em>layui</em>.js"></script> 先下载layuijs文件，在页面引入layui的js

    在 /userlist") } }); } function test(element,data,url){ debugger var table = layui.table ,page: true //开启分页 ,cols: [ data ] }); } layui.use public void setData(T data) { this.data = data; } } 其中的code值一定要为0，这个坑我和小伙伴用一下午才爬上来（layui

    2.3K20编辑于 2022-11-18
  • 来自专栏adu_blog

    Layui 指南

    组件 1、消息通知 直接下载 gitee 2、xmSelect下拉多选 直接下载 gitee 基于Layui, 下拉选择框的多选解决方案 前身前往formSelectes, 由于渲染速度慢, 代码冗余

    50520编辑于 2022-10-30
  • 来自专栏sktj

    Layui 动画

    其中 layui-anim 是必须的，后面跟着的即是不同的动画类

    循环动画，追加：layui-anim-loop
    ?

    61110发布于 2019-10-23
  • 来自专栏sktj

    Layui 颜色

    2组常用色彩搭配 灰色 内置的7中背景色：layui-bg-gray

    1.3K10发布于 2019-10-23
  • 来自专栏总栏目

    实习笔记：java页面的增删改查,分页,模糊查询

    我的任务就是对一个页面进行增删改查，如下图： layui的官方网站 引入layui：https://www.layuicdn.com/#Layui layui开发文档：https://www.layui.site ') {             var param = {                 id: getUrlParam  ('id')             };             //下拉框加载 其实，是加载下拉框。 这里我不能再访问那个页面路径了，因此选个效果图看看： $.each(data, function(index, value)则是一个jq中的遍历函数，将其渲染到下拉框中，通过css中的id选择，选择到下拉框 input文本框渲染值和下拉框如何渲染值 postAjax(requestUrl + "/perCenter/getModuleByParCode", param, function (data) {

    1.6K20编辑于 2022-09-05
  • 来自专栏sktj

    Layui 分页

    head> <meta charset="utf-8"> <title>layPage快速使用</title> <link rel="stylesheet" href="/static/build/<em>layui</em>.css " media="all"> </head> <body>

    <script src="/static/build/<em>layui</em>.js"></script> <script> layui.use('laypage', function(){ var laypage = layui.laypage; //执行一个laypage实例 laypage.render

    1.1K20发布于 2019-10-30
    • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

    领券