27

我有这个 HTML：

<form id='myform'>
<input name='title' value='foo'/>
</form>

我从它创建一个对象数组，如下所示：

var dataArray = $("#myform").serializeArray();

现在如何访问 dataArray 中的“标题”？这不起作用：

alert(dataArray['title']);
alert(dataArray['title'].val());
4

8 回答 8

43

类似于尼克发布的内容，但更干净一些

var dataArray = $("#myform").serializeArray(),
    dataObj = {};

$(dataArray).each(function(i, field){
  dataObj[field.name] = field.value;
});

然后以同样的方式访问

alert(dataObj['title']);
于 2012-04-06T22:40:59.957 回答
30

您可以像@Tom那样循环遍历......或者如果您访问多个，效率更高并循环一次，创建一个像这样的对象：

var dataArray = $("#myform").serializeArray(),
    len = dataArray.length,
    dataObj = {};

for (i=0; i<len; i++) {
  dataObj[dataArray[i].name] = dataArray[i].value;
}

然后您可以随意访问它，例如：

alert(dataObj['title']); //or alert(dataObj.title);

你可以在这里测试一下。

于 2010-11-21T10:03:12.577 回答
14 
alert(dataArray[0].name);
alert(dataArray[0].value);

所以：

for (i=0; i<dataArray.length; i += 1) {
    if (dataArray[i].name === "title") {
        // do something here...
    }
}
于 2010-11-21T06:53:07.513 回答
4

无论如何添加它以帮助将来的其他人。快速检查所有值的好方法。

var formdata = $( "#myform" ).serializeArray();
var formdata = JSON.stringify(formdata);
alert (formdata);
于 2015-09-08T12:24:15.750 回答
3

运行console.log(dataArray);，然后打开属性检查器，并检查控制台。在 Chrome 中，您可以右键单击并选择“检查元素”，然后单击左下角的“>=”图标，它是左数第二个。

在 Firefox 中，您将安装 firebug，并且有一个名为“控制台”的选项卡

不确定它是否在 IE 中可用，可能在开发人员工具中（按f12），但我不建议在 IE 中开发。

无论如何，这将以允许您导航和查看每个项目的值的方式列出对象。这样您就可以使用它来破译如何访问这些值:)

祝你好运

于 2010-11-21T06:57:55.223 回答
2

append/echo/printdataArray[0].name到 div 会给你'title'

于 2013-07-15T13:09:57.440 回答
2

提醒 myDiv 中输入的 serializeArray（注意：:input选择器也将包括 select 和 textarea 标签！）：

//alert(fData.length) // how many inputs got picked up 
var fData=$("#myDiv :input").serializeArray();
var msg=""; 
for(var i=0;i<fData.length;i++){
    var raKy=Object.keys(fData[i]); 
    msg+="\n"+raKy[0]+":"+eval("fData[i]."+raKy[0])+" "+raKy[1]+":"+eval("fData[i]."+raKy[1]); 
}
alert(msg);
于 2014-09-03T17:13:43.310 回答
0

有了uderscore.js，我们可以这样做：

var serializedArray = $('form#spiderman-application').serializeArray();

var serializedObject = _.object(
  _.pluck(serializedArray, 'name'), 
  _.pluck(serializedArray, 'value')
)

console.log(serializedObject);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>

<form id="spiderman-application">
  <legend>Application Form</legend>
  <input name="./fname" value="Peter" />
  <input name="./lname" value="Parker" />
</form>

祝你好运...

于 2018-08-24T11:36:29.190 回答