码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-22 18:57:52      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:orm   err   www   jea   自定义属性   官方   form提交   文本   http   

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

 

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

标签:orm   err   www   jea   自定义属性   官方   form提交   文本   http   

原文地址:https://www.cnblogs.com/BenPaoWoNiu/p/11395993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!