layui表单提交附带参数

最新推荐文章于 2024-08-17 03:16:16 发布

不吃鱼的胖橘

最新推荐文章于 2024-08-17 03:16:16 发布

阅读量1.6k

点赞数

分类专栏： layui 文章标签： javascript 前端 layui

本文链接：https://blog.csdn.net/qq_26102501/article/details/117360069

版权

layui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML页

<label class="layui-form-label" style="width: 90px;">字典名称</label>
                    <div class="layui-input-inline">
                        <select name="dictName" id="dictName" lay-filter="dictName">
                            <option value=""></option>
                        </select>
                    </div>

js代码

//检查项目添加到下拉框中
        $.ajax({
            url: '/dic/getDictionaryTree',
            dataType: 'json',
            type: 'get',
            success: function (data) {
                $.each(data, function (index, item) {
                    $('#dictName').append(new Option(item.dictName, item.id));// 下拉菜单里添加元素
                });
                layui.form.render("select");//重新渲染 固定写法
            }
        })

//提交表单
function formSubmit(obj){
    dictType1 = $('#dictName option:selected').val();
    console.log(dictType1)
    $.ajax({
        type: "POST",
        data: $.param({'dictType':dictType,'dictName':dictType1})+'&'+$("#dicListForm").serialize(),
        url: "/dic/setDict",
        success: function (data) {
            if (data.code == 1) {
                layer.alert(data.msg,function(){
                    layer.closeAll();
                    load();
                });
            } else {
                layer.alert(data.msg);
            }
        },
        error: function () {
            layer.alert("操作请求错误，请您稍后再试",function(){
                layer.closeAll();
                //加载load方法
                load();//自定义
            });
        }
    });
}

效果如下：