//下拉框必须在  class="layui-form" 里 不然监听事件没有作用
<div class="layui-form" >
        <div class="layui-inline">
            <label class="layui-form-label">选择项目:</label>
            <div class="layui-input-inline">
                <select name="quiz" id="quiz" lay-filter="projectfilter">
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">选择子级:</label>
            <div class="layui-input-inline">
                <select name="project" id="project"  >
                </select>
            </div>
        </div>
        <button id="shuxinBtn" class="layui-btn" lay-submit="" lay-filter="seekClassRoom">
            <i class="layui-icon"></i>
        </button>
    </div>
 $.ajax({
                url : "project/findByParentId",
                data : {},
                dataType : "json",
                success : function(resultData) {
                    $("#quiz").empty();
                    ){
                        console.log(resultData.data);
                        $("#quiz").append(new Option("请选择项目", ""));
                        $.each(resultData.data, function(index, item) {
                            $('#quiz')
                                    .append(new Option(item.projectName, item.id));
                        });
                    }else{
                        $("#quiz").append(new Option("暂无数据", ""));
                    }

                    layui.form.render("select");
                }
            })

            //级联子项目
            //select 监听
            form.on('select(projectfilter)',function(data){
                var value=data.value;  //select选中的值
                console.log(value);
                $.ajax({
                    url:"project/findParentId",
                    data:{parentId:value},
                    dataType:"json",
                    success:function(resultData){
                        ){
                        //清空赋值
                            $("#project").empty();
                            console.log(resultData.data);
                            $("#project").append(new Option("请选择项目", ""));
                            $.each(resultData.data, function(index, item) {
                            //赋值
                                $('#project')
                                        .append(new Option(item.projectName, item.id));
                            });
                        }else{
                            $("#project").append(new Option("暂无数据", ""));
                        }
                        layui.form.render("select");
                    }
                })
            })
            layui.form.render("select");
        });

两种方式赋值——————————————————————
$("#getInfoName").find("option[value='"+data.PROJECT_ID+"']").prop("selected",true);
form.render();  //必须要加

$("#getInfoName").prop("disabled",true);   //选中不可点击

源文:https://blog.csdn.net/qq_35226176/article/details/84325814  layui select 下拉框 级联 动态赋值 与获取选中值

layui select 下拉框 级联 动态赋值 与获取选中值的更多相关文章

  1. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  2. LAYUI select 下拉框得高度

    页面下得select 框 在css页面加样式 .layui-form-select dl {    max-height: 152px;}

  3. JavaScript解决select下拉框中的内容太长显示不全的问题

    JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 & ...

  4. layui给select下拉框赋值

    转: layui给select下拉框赋值 layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function ...

  5. jquery选中将select下拉框中一项后赋值给text文本框

    jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件. ...

  6. Layui:设置select下拉框自动选中某项

    1.问题:layUI,在做编辑功能有下拉框数据时,需要初始化选中某个值,layUI官网没有相关api,可能我比较笨没找到 2.解决思路:出发点击事件 3.分析dom树结构,出发dl点击事件 方法: v ...

  7. LayUI中select下拉框选中触发事件

    代码: var form = layui.form, layer = layui.layer; // 监听 $(document).ready(function() { // select下拉框选中触 ...

  8. layui的select下拉框太长被遮挡了的解决办法

    layui的select下拉框太长采用滚动条的形式出现,可以给select的dl加一个最大高度,具体的效果如下图 .layui-form-select dl { max-height:160px; }

  9. jquery操作select下拉框的多种方法(选中,取值,赋值等)

    Query获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Sel ...

随机推荐

  1. [LeetCode#274]H-Index

    Problem: Given an array of citations (each citation is a non-negative integer) of a researcher, writ ...

  2. C语言学习_一个简单程序的解释与C学习方法概括

    简单计算器程序示例: # include <stdio.h> //1.头文件 //2.加法函数 int add(int a,int b)//3.函数定义方式 { //4.函数体 retur ...

  3. 安装numpy、nltk问题汇总

    系统环境是win7(64bit)+python3.4(64bit)+numpy1.82+vs2012 1.假设用sourceforge上编译好的32bit的exe安装,会提示'python versi ...

  4. 一键强制修改任意Mysql数据库的密码,修改任意环境Mysql数据库。

    本文采用我软件里面的内置改密功能,可以一键强制修改Mysql数据库的密码, 在修改过程中,会强制干掉Mysql主程序,修改完成后重新启动Mysql就可以了. 首先讲解如何一键强制修改PHPWAMP自身 ...

  5. 转载linux c语言程序的Makefile编写

    对于程序设计员来说,makefile是我们绕不过去的一个坎.可能对于习惯Visual C++的用户来说,是否会编写makefile无所谓.毕竟工具本身已经帮我们做好了全部的编译流程.但是在Linux上 ...

  6. 清理我的 Mac

    在Macbook使用久之后,会发现本来还富裕的硬盘,变得越来越少,尤其现在Macbook使用容量很小的固态硬盘.在此种情况下,该如何清理Macbook垃圾文件,以保证Macbook有足够空间做其他事情 ...

  7. Android Studio教程11-RecycleView的使用

    目录 1. RecyclerView 1.1. Add support library 1.2. 将RecyclerView添加到布局 1.3. 主actiivty中如何调用recycleview对象 ...

  8. Tomcat问题

    1 Tomcat控制台中文乱码 打开tomcat/conf/logging.properties 找到java.util.logging.ConsoleHandler.encoding = UTF-8 ...

  9. c++ primer 笔记 (四)

    现代C++程序应尽量使用vector和迭代器类型,而避免使用低级的数组和指针. 设计良好的程序只有在强调速度时才在类实现的内部实现数组和指针.   更多地使用vector来取代数组,数组被严格限制于程 ...

  10. Netty重要概念介绍

    Netty重要概念介绍 Bootstrap Netty应用程序通过设置bootstrap(引导)类开始,该类提供了一个用于网络成配置的容器. 一种是用于客户端的Bootstrap 一种是用于服务端的S ...