精华内容
下载资源
问答
  • layui 获取下拉框选中

    千次阅读 2019-09-23 09:03:53
    layui 获取下拉框选中 获取被选中的text var tag = $('select[name="tag"] option:selected').text(); 获取被选中的value var tag = $('select[name="tag"] option:selected').val(); 以上需要jquery...

    layui 获取下拉框被选中的值

    1. 获取被选中的text
    var tag = $('select[name="tag"] option:selected').text();
    
    1. 获取被选中的value
    var tag = $('select[name="tag"] option:selected').val();
    

    以上需要jquery支持

    展开全文
  • <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");
    });
    
    展开全文
  • @{ 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:38
    layui获取selest下拉框中的option的 使用javascript原生的方法 表单如下 <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">状态:</...
  • layui下拉框也是一个下拉框! 不要去思考使用layui内置的动态函数,然后加上全局变量的这种方式搞了。 实际上没有这么麻烦,比如说简单的使用jQuery,也是可以搞定的。 var w = $("#selector ").val(); var w2 =...
  • layui select 下拉框 js 初始化选中值

    千次阅读 2020-03-24 22:36:25
    layui 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:50
    form.on('select(provice)', function(data){  proviceId = data.value;  proviceName = data.elem[data.elem.selectedIndex].text  form.render('select') });
  • 方法一 form.on('select(on_time)',function(data){ category=data.value;// 获取 val on_time=data.elem[data.elem.selectedIndex].text;// 获取 html form.render('...
  • layui下拉列表的事件不能用jq的change 应该用自带的方式写默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。如:&lt;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插件,取得下拉框模板:&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" ...
  • layui-inline layui-form"> <select name="city" lay-filter="cate"> <option value="0"selected>全部</option> <option value=...
  • 今天小编就为大家分享一篇layui下拉框获取下拉(select)的例子,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • $(data.elem).find("option:selected").attr("daddress");
  • 下拉框里是显示已经选中的状态了,可页面显示却对应不上,正常的情况下,应该显示‘未知’,可现在却显示默认值,网上搜着用 $(“#id”).change();可以让它的上去&#...
  • 今天小编就为大家分享一篇layui下拉框、按钮状态、时间赋初始的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 获取下拉框选中 var RoleID=$('#RoleID').val(); var arr=new Array() var checkedData = layui.tree.getChecked('demoId1'); //获取选中节点的数据 treeForeach(checkedData, node => { arr.push(node.id)}...
  • 动态渲染下拉框 $.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:40
    var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() ... // select下拉框选中触发事件 form.on("select", function(data){ alert(data.value); // 获取选中的 }); }); ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 674
精华内容 269
关键字:

layui获取下拉框选中值