-
layui 获取下拉框被选中的值
2019-09-23 09:03:53layui 获取下拉框被选中的值 获取被选中的text var tag = $('select[name="tag"] option:selected').text(); 获取被选中的value var tag = $('select[name="tag"] option:selected').val(); 以上需要jquery...展开全文
-
layui获取下拉框自定义的值
2019-04-29 11:29:14<select id="reason" name="reason" lay-filter="reason"> <option value="111" data-score="90">aaa</option> </select> form.on('select(reason)',function ... // 得到选中的值...展开全文<select id="reason" name="reason" lay-filter="reason"> <option value="111" data-score="90">aaa</option> </select> form.on('select(reason)',function (data) { // 得到选中的值 data.value; // 得到选中的文本框 data.elem[data.elem.selectedIndex].text // 得到自定义的值 // var score = $(data.elem).find("option:selected").attr("data-score"); var score = $(data.elem).find("option:selected").data("score"); });
-
layui表格下拉框选中后行获取
2020-09-27 15:46:04@{ Layout = null; } <!DOCTYPE html> <html>...meta name="viewport" content="width=device-width" />...link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="st展开全文@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>学生基础维护</title> <link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="~/Plugins/layui/css/layui.css" rel="stylesheet" /> <style> /*设置下拉框高度和表格单元格相同*/ td .layui-form-select{ margin-top:-10px; margin-left:-15px; margin-right:-15px; } .layui-table-cell{ overflow:visible; } .layui-table-box{ overflow:visible; } .layui-table-body{ overflow:visible; } </style> </head> <body> <div class="container-fluid"> <div class="row mt-3"> <div class="col-1 mr-auto"> <button type="button" class="btn btn-sm btn-primary" onclick="InserClassclick()">保存</button> </div> <div class="col-auto"> <button type="button" class="btn btn-sm btn-primary" onclick="openGrade()">批量设置班级</button> <button type="button" class="btn btn-sm btn-primary" onclick="openSpecialty()">批量设置课程</button> </div> </div> <div class="row"> <div class="col"> <table id="tabAcademe" lay-filter="tabAcademe"></table> </div> </div> </div> <script src="~/Plugins/jquery-3.2.1.min.js"></script> <script src="~/Plugins/layui/layui.js"></script> <script> var tabAcademe; var layer, layuiTable, form; $(function () { layui.use(['layer', 'table', 'form'], function () { layer = layui.layer, layuiTable = layui.table; form = layui.form; //初始化学生信息表 tabAcademe = layuiTable.render({ elem: '#tabAcademe', url: "/StudentManagement/StudentTeacher/selectStudently", cols: [[//表头 { type: "checkbox", fixed: "left" }, { type: "numbers", title: "序号" }, { field: "studentID", title: "studentID", hide: true }, { field: "SpecialtyID", title: "SpecialtyID", hide: true }, { field: "RecruitStudentID", title: "RecruitStudentID", hide: true }, { field: "RecruitStudentName", title: "姓名", align: "center" }, { field: "RecruitStudentSex", title: "性别", align: "center"}, { field: "SpecialtyName", title: "专业名称", align: "center" }, { field: "RecruitIDcard", title: "身份证号", align: "center"}, { field: "Dateofbirth", title: "出生日期", align: "center" }, { field: "ClassID", title: '班级', templet: ClassName }, ]], page: { limit: 10,//指定每页显示的条数 limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项 }, data: [], done: function (res, curr, count) { tabAcademe = res.data; //去掉下拉框失焦事件否则在下拉框里输入值 $('.layui-form-select').find('input').unbind("blur"); //表格重载回显下拉框里的数据 $('tr').each(function (e) { var $cr = $(this); var dataIndex = $cr.attr("data-index"); $.each(tabAcademe, function (index, value) { if (value.LAY_TNDEX == dataIndex) { $cr.find('input').val(value.ClassName); } }); }); } }); // 表格中下拉框点击事件 form.on('select(Classname)', function (data) { //获取下拉框选中的值 var elem = data.othis.parents('tr'); var dataindex = elem.attr("data-index"); $.each(tabAcademe, function (index, value) { if (value.LAY_TABLE_INDEX == dataindex) { value.ClassID = data.value;//把选中下拉框id值赋值给表格缓存 } }); }); }); }); //自定义班级下拉框 function ClassName() { var str = '<select lay-filter="Classname">'; $.ajax({ url: '/StudentManagement/StudentTeacher/selectClassName', type: 'post', async: false, success: function (data) { for (i in data) { str+='<option value='+data[i].id+'>'+data[i].text+'</option>'; } str += '</select>'; } }); return str; } </script> </body> </html> 控制器的查询方法省略
-
layui 获取select下拉框选中的值
2018-08-29 16:40:46获取省市区下拉框的值 显示在列表里 根据下拉框的id Area:$("#Province").find("option:selected").text() + "/" + $("#City").find("option:selected")....展开全文获取省市区下拉框的值 显示在列表里
根据下拉框的id
Area:$("#Province").find("option:selected").text() + "/" + $("#City").find("option:selected").text() + "/" + $("#Dis").find("option:selected").text()
-
layui获取下拉框中的自定义属性值
2019-08-06 17:26:58<select lay-filter="position"> <option value="0">请选择<...option data-type="自定义的值" value="展示内容对应的值">展示的内容</option> </select> js: fo... -
layui获取select下拉框选中的option的值
2020-08-28 14:18:38layui获取selest下拉框中的option的值 使用javascript原生的方法 表单如下 <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">状态：</... -
layui下拉框获取选中项的值、选中文本
2021-05-07 15:09:20layui的下拉框也是一个下拉框！ 不要去思考使用layui内置的动态函数，然后加上全局变量的这种方式搞了。 实际上没有这么麻烦，比如说简单的使用jQuery，也是可以搞定的。 var w = $("#selector ").val(); var w2 =... -
layui select 下拉框 js 初始化选中值
2020-03-24 22:36:25layui select 下拉框 js 初始化选中值 var tga01 = 'dd[lay-value=${bean.tag01}]'; $('#tag01').siblings("div.layui-form-select").find('dl').find(tga01).click(); -
layui获取监听下拉框的选中值和文本
2019-08-02 17:56:50form.on('select(provice)', function(data){ proviceId = data.value; proviceName = data.elem[data.elem.selectedIndex].text form.render('select') }); -
layui 获取 select 下拉框 选中的val ，html 值
2020-08-21 11:54:21方法一 form.on('select(on_time)',function(data){ category=data.value;// 获取 val 值 on_time=data.elem[data.elem.selectedIndex].text;// 获取 html 值 form.render('... -
layui select下拉框监听值变化 layui 下拉列表的change事件
2018-06-27 12:01:06layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。如：<select lay-filter="test"&... -
Layui获取select搜索下拉框选中的值
2020-06-01 16:28:36小陈同学拿了一段代码来问我说为什么拿不到搜索下拉框中选中的值，我也不知道为什么拿不到，先贴上代码再说。 html: 使用layUI的搜索下拉框 <td>类型：</td> <td> <select name="type" id... -
layui 如何取得select下拉框选中的值
2018-07-13 09:58:05引用layui插件，取得下拉框的值模板：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" ... -
layui-inline layui-form"> <select name="city" lay-filter="cate"> <option value="0"selected>全部</option> <option value=...
-
layui下拉框获取下拉值(select)的例子
2020-10-16 10:50:18今天小编就为大家分享一篇layui下拉框获取下拉值(select)的例子，具有好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 -
获取LAYUI 下拉框选中行的 自定义属性值
2021-04-27 16:49:50$(data.elem).find("option:selected").attr("daddress"); -
layui select 下拉框值回显的问题
2021-06-07 09:40:47下拉框里是显示已经选中的状态了，可页面显示却对应不上，正常的情况下，应该显示‘未知’，可现在却显示默认值，网上搜着用 $（“#id”）.change();可以让它的值上去&#... -
layui给下拉框、按钮状态、时间赋初始值的方法
2020-10-16 10:27:52今天小编就为大家分享一篇layui给下拉框、按钮状态、时间赋初始值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 -
获取下拉框选择的值 layui下拉选中
2021-03-29 16:02:13获取下拉框选中的值 var RoleID=$('#RoleID').val(); var arr=new Array() var checkedData = layui.tree.getChecked('demoId1'); //获取选中节点的数据 treeForeach(checkedData, node => { arr.push(node.id)}... -
layui-动态渲染下拉框(从后台获取下拉框的值) & 设置下拉框默认选中
2019-11-07 17:46:03动态渲染下拉框 $.post('请求地址',function(rs){ //item是返回的数据集合中的每个元素 $.each(rs.data, function (index, item) { // 追加option节点 //item.name是option里的文本值 /... -
layui下拉框获取值与数据回显
2019-12-17 21:03:21这两天做layui的框架项目碰到了下拉框动态赋值与回显，给大家分享一下 新增： <div class="layuimini-container"> <div class="layuimini-main"> <div class="layui-btn-group"> <button id... -
layui 树状下拉框
2020-07-31 11:50:40先获取treeSelect.js文件 原js文件不提供自定义解析jsondata的功能，需要自己在源码里面修改。 treeselect.js文件已上传至我的资源 使用 1、script引用 <script type="text/javascript" src="js/treeSelect.js"&... -
layui select下拉框联动
2021-04-09 11:37:17背景：涉及到 省市县获取的项目必有下拉框三级联动，每次都需要百度查询，或者去翻原来的项目，着实不方便。因此，为了自己对三级联动的印象加深，同时也帮助第一次接触下拉框三级联动的小伙伴快速上道，总结一下该... -
用layui实现下拉框select多选，取值
2020-04-24 10:33:33用layui实现下拉框select多选，取值 首先需要的js及css，可以直接在layui官网上下载：https://www.layui.com/ 相关引用： <link href="~/layui-v2.5.4/layui/css/layui.css" rel="stylesheet" /> <... -
Layui中select下拉框选中触发事件
2020-12-10 17:30:40var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() ... // select下拉框选中触发事件 form.on("select", function(data){ alert(data.value); // 获取选中的值 }); }); ...
收藏数
674
精华内容
269