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

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

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

    1.8K10编辑于 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

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

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

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

    5.5K100发布于 2018-02-28
  • 来自专栏Python 学习

    前端-part2-form表单+下拉框

    for="ri">男</label> <input id="ri" name="gender" type="radio" value="1"> <label for="r<em>2</em>" >女</label> <input id="r<em>2</em>" name="gender" type="radio" value="0"> <! >足球</label> <input id="h<em>2</em>" name="hobby" type="checkbox" value="football"> <label for= --以下是下拉框--> <! --以下是下拉框--> <select name="form_1" id="s1" multiple><!

    1K20发布于 2019-08-08
  • 来自专栏猿码优创

    学习layui分享

    {{# if (d.status=='1') { }} 可用 {{# } else if(d.status=='2'){ }} <span 2.写查询方法 //监听查询按钮 form.on("submit(query)", function (data) { console.info(data) layer.open({ type: 2,//layui类型 title: ['添加用户'], area: ['73%', '90%'],//弹出层的大小 shadeClose: true 给大家说一下下拉框的数据动态填充

    <label class="<em>layui</em>-form-label">KingYiFan是男是女：</label> 下面是数据下拉框回显 $("[name='sex']").val("1"); 以上就是下拉框的回显。

    2.4K20发布于 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"></ ">            <select name="quiz<em>2</em>" lay-filter="city" id="js-select-city"></select>        

             ('select(county)', function(data){        getStreet(data.value);        form.render('select');//重新渲染下拉框 'select(street)', function(data){        getVillage(data.value);        form.render('select');//重新渲染下拉框 cityHtml);        }    }    //加载区县信息    function getCounty(cityCode) {        var areaData = queryArea(2,

    1.5K30编辑于 2022-12-23
  • 来自专栏后端开发随笔

    LayUI框架应用常见问题

    https://layui.itze.cn/index.html LayUI框架文档主页 获取URL参数 诸如表格中的“编辑”，“详情”工具按钮，需要在弹出层页面中获取在URL中传递的参数。 = null) { return decodeURIComponent(r[2]); }; return null; } 关闭弹出层时刷新表格数据 在layer.open obj.event === 'edit') { var index = layer.open({ title: '编辑', type: 2, 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.6K20编辑于 2022-04-29
  • 来自专栏全栈程序员必看

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

    主要有两部分 1、从主窗口传值到弹出层 2、从弹出层传值到主窗口 3、通过session互传 4、通过调用父窗口的函数从而获取到父窗口的值（相反也是可以的） 1、从主窗口传值到弹出层 首先时js body.find("#changefileform").serializeArray().forEach(function (item) { //获取弹出层写下的数据，input，下拉框啊 layer.close(index); resetSearch(); } }); } 点击按钮后，提前加载 然后是html界面,script里面是用来下拉框加载数据库数据的 然后再这个弹出层填写数据，按了确定后就开始加载这个js啦，这个获取数据是通过name属性来获取的，上面 那个的话是通过class名称来获取的 然后controller获取从js传来的数据的话，看我另外的博客 下拉框动态获取数据库数据 下拉框可以搜索 看我其他博客 3、通过session传值 设置session sessionStorage.setItem('roleid', 'hello'); 取session var ss=

    9.3K20编辑于 2022-07-01
  • 来自专栏Elasticsearch

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

    2.数据表结构展示 SELECT COLUMN_NAME 列名, DATA_TYPE 字段类型, CHARACTER_MAXIMUM_LENGTH 长度, IS_NULLABLE /css/layui.css" /> <script src="/js/jquery-3.2.1.min.js"></script> <script src="/lib/<em>layui</em>/<em>layui</em>.js"> "> <select name="quiz<em>2</em>" lay-filter="city" id="js-select-city"></select>

    ; } } //加载区县信息 function getCounty(cityCode) { var areaData = queryArea(2, 监听选择省份下拉框调用地市信息，选择地市加载区县依次类推即可 ? 6.页面展示效果 ?

    2.3K30发布于 2019-09-04
  • 来自专栏御宅男の博客

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

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

    {if $vo.remark}<div class="<em>layui</em>-form-mid<em>2</em> <em>layui</em>-word-aux " name="{{item.name}}[{{item.index}}][sex]" value="<em>2</em>" {{# if(item.row.sex == 2){ }}checked{{# } }}

    1.1K20编辑于 2022-08-30
  • 来自专栏全栈程序员必看

    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.4K10编辑于 2022-09-30
  • 来自专栏sktj

    Layui 介绍

    1、下载地址：https://res.layui.com/static/download/layui/layui-v2.5.5.zip? v= 2、结构： -css: -modules -laydate -layer -layim -layui.css -font -images -lay -modules -layui.js /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 所在路径（注意

    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.4K20发布于 2019-10-23
  • 来自专栏全栈程序员必看

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

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

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

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

    Layui 按钮

    按钮主题 2. 按钮尺寸 3. 圆角按钮 4. 图标按钮 5. 按钮组 6. 按钮容器 Layui按钮 主要分为以下几个部分 按钮主题、按钮尺寸、流体按钮、圆角按钮、图标按钮、按钮组、按钮容器 1. 按钮主题 ---- 用于定义按钮的主题样式（背景色、是否禁用） 2. ="layui-btn layui-btn-fluid">流体按钮</button>

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

    <button class="<em>layui</em>-btn"> <i

    1.8K40编辑于 2023-02-18
  • 来自专栏总栏目

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

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

    1.7K20编辑于 2022-09-05
  • 来自专栏全栈程序员必看

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

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

    在 Test> demo(){ Test test=new Test(); test.setField("userName"); test.setTitle("名称"); Test test2= new Test(); test2.setField("realName"); test2.setTitle("地址"); ArrayList<Test> list=new ArrayList <>(); list.add(test); list.add(test2); return list; } 然后是进行分页test方法访问的接口 @RequestMapping(value

    2.5K20编辑于 2022-11-18
  • 来自专栏FunTester

    selenium2java使用select处理下拉框示例

    在学习selenium2java的时候，在写收货地址相关用例的时候碰到了下拉框，刚好练习了一下select的使用，现在分享，供大家参考。 //*[@id='main']/div[2]/div/div/div[1]/p[1]"); assertTrue("添加收获地址失败！" //*[@id='LAY_layuipro1a']/div/div[1]/table/tbody/tr[1]/td[2]/div/input", "测试收货人");//添加收货人 findElementByXpathAndClearSendkeys //*[@id='LAY_layuipro1a']/div/div[1]/table/tbody/tr[2]/td[2]/div/input", "13120454218");//输入手机号

    1.6K20发布于 2019-09-04
  • 来自专栏sktj

    Layui 分页

    1、需要加载模块 laypage 2、 <! 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.2K20发布于 2019-10-30
  • 来自专栏洞明学问

    Layui 表格

    Layui 分页是由 laypage 实现的，所以既需要分页 laypage 还需要数据表格相关的内容。

    1.2K10发布于 2020-05-22
    • 第 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号

    领券