Question

如何从名为this：

的字段中断输入值

<input name="options[abc][def]">

类似

{'options' : { 'abc' : { 'def' : value_of_input } } }

我试过

$('form').serializeArray()

但是我得到了一个二维对象，其名称为

项[ABC] [DEF]

：|

Answer 1

我找到了这个库，它正是这样做的：formToObject.js

<form id="testForm">
    <input name="options[abc][def]" value="test">
    <input type="button" value="Convert to object &raquo;" id="convertBtn">
</form>

<script src="formToObject.js"></script>
<script>
    document.getElementById('convertBtn').addEventListener('click', function() {
        console.log(new formToObject('testForm'));
        // Output: {"options":{"abc":{"def":"test"}}}
    });
</script>

Answer 2

为什么不呢：

HTML：

<div id="test"></div>

脚本：

var opt = {'options' : { 'abc' : { 'def' : "value" } } };
document.getElementById("test").innerHTML = '<input type="text" name="' + opt + '" placeholder="'+ opt + '"/>';

<强> JSFIDDLE

数组输入字段名称到对象

2 个答案: