精华内容
下载资源
问答
  • ...<div class="layui-form-item layui-row layui-col-space15"> <label class="layui-col-xs3 relative"> <span class="color-green"&...select class="layui-select" required name="school_id" lay-.

    以php语言为例

    html

    <div class="layui-form-item layui-row layui-col-space15">
       <label class="layui-col-xs3 relative">
            <span class="color-green">报考学校</span>
            <select class="layui-select" required name="school_id" lay-search lay-filter="school_id">
            	{php}
    				$schools = Db::name('School')
    					->where(['pid' => '0'])
    					->field('id,title')
    					->order('sort desc,id desc')
    					->select();
    			{/php}
                {foreach $schools as $k=>$v}
                <!--{eq name='v.id' value='$vo.school_id|default=0'}-->
                <option selected value="{$v.id}">{$v.title}</option>
                <!--{else}-->
                <option value="{$v.id}">{$v.title}</option>
                <!--{/eq}-->
                {/foreach}
            </select>
        </label>
        <label class="layui-col-xs3 relative">
            <span class="color-green">层次</span>
            <select name="level_id" lay-filter="level_id" id="two_cate" required>
            </select>
        </label>
    </div>
    

    jq代码

    <script>
        window.form.render();
        
        //初始化渲染
        $(function(){
            $value = $('select[name="school_id"]').val();
            school_select($value);
        })
    
        //学校层次二级联动
        form.on('select(school_id)', function(data){
            //data.value 得到被选中的值
            school_select(data.value);
        });
        
        function school_select(value){
            var url = '{:url("student/wxapp_product/getLevels")}?id=' + value;
            $.get(url,function(data){
                $("#two_cate").empty();
                $("#two_cate").append(new Option("请选择层次", ""));
                $.each(data.data,function(index,item){
                    if(item.id == '{$vo.level_id|default=0}'){
                        $("#two_cate").append(new Option(item.title, item.id, true, true));
                    }else{
                        $("#two_cate").append(new Option(item.title,item.id));
                    }
                });
                layui.form.render("select");
            });
        }
        
    </script>
    

    php代码

    /**
      * 按学校id获取层级
      * @param boolean $result
      */
     public function getLevels()
     {
         $levels = Db::name('School')
         ->where(['pid' => request()->get('id')])
         ->field('id,title,major')
         ->order('sort desc,id desc')
         ->select();
         $this->success('获取成功', $levels);
     }
    

    效果

    在这里插入图片描述

    另外

    //指定选中某个值
    $('select[name="jobs"] option[value="0"]').attr("selected", true);
    //获取选中选项中的某个值
    $("select[name='ware_house_id']").find("option:selected").data('income_tuan_price');
    $("select[name='ware_house_id'] option:selected").data('income_tuan_price');
    

    如果您觉得本篇对你有帮助,可以点关注,给个赞,支持一下,过程有遇到什么问题也欢迎评论私信,进行交流

    展开全文
  • 使用layuiSelect下拉的时候,带有特殊字符,选中的内容变成转义HTML, 例如下图,选中R&D时,text内容自动变成R&D 解决方法 找到From.js,查找 t(p[0].options[a]).html() 改为 t(p[0].options[a])....

    使用layui的Select的下拉的时候,带有特殊字符,选中的内容变成转义HTML,
    例如下图,选中R&D时,text内容自动变成R&D
    在这里插入图片描述
    在这里插入图片描述
    解决方法
    找到From.js,查找 t(p[0].options[a]).html()
    在这里插入图片描述
    改为 t(p[0].options[a]).text()
    在这里插入图片描述
    问题得以解决。

    展开全文
  • 做的比较简单,先从后台直接把第一级菜单输出,然后点击二级菜单的时候再动态... <div class="layui-inline"> <label class="layui-form-label">商品类别</label> <div class="layui-...

    做的比较简单,先从后台直接把第一级菜单输出,然后点击二级菜单的时候再动态展示

    <div class="layui-inline">
                        <label class="layui-form-label">商品类别</label>
                        <div class="layui-input-inline">
                            <select name="interest"  lay-filter="one_cate">
                                <option value="">请选择</option>
                                {volist name="list" id="vo"}
                                <option value="{$vo.cate_id}">{$vo.cate_name}</option>
                                {/volist}
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="interest" lay-filter="aihao" id="two_cate">
                              </select>
                        </div>
                    </div>
    form.on('select(one_cate)', function(data){
                 //data.value 得到被选中的值
                 var url = '/admin/category/selec/' + data.value;
                 $.get(url,function(data){
                    $("#two_cate").empty();
                    $("#two_cate").append(new Option("请选择分类",""));
                    $.each(data,function(index,item){
                        $("#two_cate").append(new Option(item,index));
                        console.log(index,item);
                    }); 
                    layui.form.render("select");
                 });
    
            }); 
    

      重点就两个

    1.$("#two_cate").append(new Option(item,index));将遍历的数据插入到select中,比原来的拼接字符串省事。

    2.layui.form.render("select");重载select模块,否则不会展示

     

    转载于:https://www.cnblogs.com/dayin1/p/11558824.html

    展开全文
  • layui自动生成的格式,不能用之前的JQ方式来实现select下拉菜单自动选择功能 layui select的格式: 下面这个框里面的dl-dd是layui自动生成的,也就是关键所有,看下具体的结构图:   //选择需要选中的对象 var ...

    layui自动生成的格式,不能用之前的JQ方式来实现select下拉菜单自动选择功能

    layui select的格式:

    下面这个框里面的dl-dd是layui自动生成的,也就是关键所有,看下具体的结构图:

    https://img-blog.csdn.net/20180304175144784?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzM1OTQzODA=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

     

    //选择需要选中的对象
    var select = 'dd[lay-value=' + data.id + ']';
    
    //需要用点击事件来实现选中  test为select的id
    $('#test').siblings("div.layui-form-select").find('dl').find(select).click();

    mark it.

    展开全文
  • <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"> <script type="text/javascript" src="./js/xadmin.js"></script> <div class="layui-fluid"> <div class="layui-row"> ...
  • layuiselect下拉change事件失效的处理方法 1.select中添加 lay-filter=“test” <select lay-filter=test></select> 2.处方方法 form.on('select(test)', function(data){ console.log(data.elem)...
  • layui table 下拉事件

    千次阅读 2019-08-15 10:13:44
    table.render({ elem : '#demo1', height : 400, url : 'conditionlist/select' //数据接口 ,toolbar : '#barDemo' ...
  • layuiselect下拉change事件失效

    千次阅读 2018-09-21 10:34:40
    layuiselect下拉change事件失效处理方法 1.select中添加 lay-filter=“test” &amp;lt;select lay-filter=&quot;test&quot;&amp;gt;&amp;lt;/select&amp;gt; 2.处方方法 form.on('...
  • 有不同的代理商,也就是店铺....直接点商品分类是没有...div class="layui-inline"> <label class="layui-form-label">代理商</label> <div class="layui-input-inline"> <sele
  • layui下拉列表的事件不能用jq的change 应该用自带的方式写 。 默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。 如 监听select 下拉选择框被选中时触发,回调...
  • layui下拉列表点击事件使用.click()方法是无法直接触发的,想触发select点击事件,代码如下: var s= $('#class').val(); //先获取select默认选中的第一个option 的值 var select = 'dd[lay-value=' + s + ']'; $...
  • 如:监听select下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:注意:form.render('select');渲染一下 不然你的操作还是不生效 select不是选择器 表示渲染下拉列表 不写表示所有表...
  • 前提: 已引入layui 官网: ...select name="sel" lay-filter="sel" id="sel"> <option value = ''>请选择</option> <option value = '1'>选择1</option> <op
  • layui框架下拉点击事件

    千次阅读 2019-08-09 14:19:44
    描述:点击分类,商品会自动填充选中的分类... 截图如下: ...div class="layui-form-item"> <label class="layui-form-label">分类</label> <div class="layui-input-block"> <se...
  • layui/select下拉不显示/select下拉消失

    千次阅读 2019-08-16 17:01:12
    一、解决方式 <div class="layui-form-item"> <label class="layui-form-label">产品类型</label> ...div class="layui-input-inline">...select name="type_id" id=""&g...
  • layui ztree 下拉树代码

    热门讨论 2018-01-26 15:54:21
    layui ztree 下拉
  • layui监听select下拉选择框1、方法一2、方法二 1、方法一 可以用 form.on('select(type)', function(data){ console.log(data.value)//选中的值 }) type为select标签中的lay-filter属性值 该方法保留了layui的...
  • layui select多选下拉显示 以及回显

    千次阅读 2019-07-12 11:53:00
    <div class="layui-form-item layui-form-text" > <label class="layui-form-label"><span style="color:red;">* </span>多选</label> &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,038
精华内容 815
关键字:

layuiselect下拉事件