摇摇马 2019-08-13 17:10 采纳率: 33.3%
浏览 554
已采纳

怎么把一个form表单里的input框分类,做到转换为json格式时可以形成一个大数组?

想实现的就是有在一个form表单里有一系列输入框分为好几个组,
输入值后选择用转换为json格式提交
图片说明最后想导出的json想是每个红框里是一组,然后是存在一个大的json数组里
想把在一个form表单里的N个input输入框分为几个组 可以在导出json时实现
[{zubie1:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}},{zubie2:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}}]这种形式的
求助各位大神

  • 写回答

3条回答 默认 最新

  • zt13502162671 2019-08-17 16:45
    关注

    好久没有写,首先是你获得到form,然后form内的所有如select ,input ,textarea里的内容,然后呢放到一个json里面,通常这个json不用像你那么麻烦
    基本都是
    {
    id:value
    }
    我就懒得查代码的严谨性了,粗略打下吧

    var json={};
    
    var elelist= document.querySelectorAll("#fom");
    elelist.foreach(item=>{
    swith(item.type){//判断类型如果是input
        case input:{
            json[item.id]=item.value
        }
    }
    })
    最后你就有你的json,大概就这样,溜了,代码思路流程基本都有,然后不做伸手党
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)