jquery - 如何从具有相同名称字段的表单创建 JSON 文件?

标签 jquery json forms field

我创建了一个包含多个同名字段的表单:

<form ... >
<input type=text name="problem"  value="problem1" />
<input type=text name="question" value="question1" />
<input type=text name="answer"   value="answer1" />

<input type=text name="problem"  value="problem2" />
<input type=text name="question" value="question1" />
<input type=text name="answer"   value="answer1" />
<input type=text name="question" value="question2" />
<input type=text name="answer"   value="answer1" />
<input type=text name="answer"   value="answer2" />
...
<input type=hidden name="jsonString" value="" />

<input type=submit value="Send" />
</form>

这些字段可以通过 JavaScript 动态添加/删除

我想在隐藏字段中放入一个字符串(使用 JSON.strinfigy)并在提交之前通过表单传递:

{
    problem: [  
        {   
            name: problem 1, 
            question: [
                {
                    name: question 1,
                    answer: [
                        name:answer1
                    ]
                }
            ]
        },

        {   
            name: problem 2, 
            question: [
                {
                    name: question 1,
                    answer: [
                        name:answer1
                    ]
                },  
                {
                    name: question 2,
                    answer: [
                        name:answer1,
                        name:answer2
                    ]
                }   
            ]
        }       
    ]
}

有什么想法可以做到这一点吗? 谢谢

最佳答案

没有任何方法可以从中序列化 json; 尝试简单地创建,如下所示:

var myJson;
$("input[name=problem]").each(function(){
   myJson.Push( { "name": $this.val()});
});

(查看 adding-removing-items-from-json-data-with-jquery 表格更多说明)

关于jquery - 如何从具有相同名称字段的表单创建 JSON 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12891535/

相关文章:

javascript - 有没有办法在将 .ejs 文件渲染到 .html 文件的同时运行函数?

jquery - 调用添加表单时无法自动填充 id 字段

javascript - 从 json 构建 Promise 流程

javascript - 突出显示空输入字段

jquery - 向下移动所选选项不可见

java - 具有多个 JSON 对象的 Fullcalendar 一个 feed

具有指定标签的 PHP Json 值

javascript - 使用 jqTransform 插件的错误

jquery - 单击时从 Bootstrap 数据切换 ="button"获取值

javascript - 加载事件选项卡页面源的 Chrome 扩展程序