15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 js

layui点击select后向另一个select追加数据

王少铮| 发布于 2022-01-16 09:43:59| 681阅读| 0点赞| 0评论
举报

例如有两级分类,选择一级分类后需要筛选出二级分类

先上代码

<div class="layui-form-item">
        
        <div class="layui-input-block">
            
        div>
    div>


    <div class="layui-form-item">
        
        <div class="layui-input-block">
            
        div>
    div>

js部分

layui.use(['form','upload','layer'], function(){
        var form = layui.form;
        var upload = layui.upload;
        var layer = layui.layer;
        form.on('select(testId)',function(data){
            $.post('getCate',{pid:data.value},function(res){
                $('#cate_id').empty();
                // $('#cate_id').append('');
                res.forEach(function(item){
                    $('#cate_id').append('+ item.name +'')
                });                form.render("select");
            })
        })
    });

一定要注意form.render这句,因为layui是隐藏了原生的代码,看到的样式都是layui生成的那部分,如果直接插入而不使用form.render更新的话,隐藏的那部分代码会加上,但是可以看到的部分不会变化,所以需要用form.render更新一下

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王少铮
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部