EasyUi获取表单所有字段和相应值,非官方form提交

与世无争的帅哥 提交于 2019-11-28 05:58:27

js:

// 定义变量var formData = {};

// 获取表单所有字段和相应值 装填到formData变量中
var fields = $("[data-field]");
fields.each(function (index, item) {
    if ($(item).hasClass("textbox-f")) {
        $(item).next().find(".textbox-value").each(function (index2, item2) {       // 根据dom节点的自定义属性[data-field]来定义json对象的属性名
            formData[item.dataset.field] = item2.value;       // 若组件为combobox或combo或combogrid或combotreegrid则会获取到所选项的value值,非text值     });   } else {      if ($(item).attr("data-fordom") != undefined) {
       // 获取easyui-combobox所选项的text值,根据input标签上自定义属性[data-fordom]指定的dom节点id,获取下拉框文本
            formData[item.dataset.field] = $("#" + item.dataset.fordom).textbox("getText");
        } else {       // 获取原生input标签值
            formData[item.dataset.field] = item.value;
        }
    }
});

var jsonData = {
    action: "Save",
    param: formData
};

$.ajax({
    url: 'FkdzService.ashx',
    type: 'post',
    async: true,
    dataType: 'json',
    data: jsonData,
    success: function (result, status, XMLHttpRequest) {
         
    },
    error: function (r) {
         
    },
    complete: function (XMLHttpRequest, status) {
         
    }
});

 

html

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!