首页 > 其他 > 详细

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

时间:2019-08-22 18:47:17      阅读:633      评论:0      收藏:0      [点我收藏+]

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提交

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!