在 SerializeArray 输出中添加新行答案

【问题标题】：Adding a new line to SerializeArray output在 SerializeArray 输出中添加新行
【发布时间】：2012-04-11 13:44:17
【问题描述】：

我正在尝试创建一个表单，该表单返回所选（完成）项目的总和和所选项目的列表。我的项目值格式如下：
input name="Door" type="radio" value="260~~Stable Door"
我正在使用 serializeArray 拆分所选列表输出的项目值。它可以工作，但我想在每个项目之后添加一个换行符，而不是：

你选择了木头、马厩门、松木地板

我会得到：

你选择了木头稳定的门松木地板

在将值附加到数组时，我尝试添加 +"\n" 甚至 +"\r\n"，但输出仍保留在一行上。

我的代码基于下面的 W3C 学校代码，包括我试图放置 \n 的位置。要么这是不可能的，因为它是一个数组，要么我错过了一些明显的东西。抱歉问了这么一个基本问题：/

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("form").serializeArray();
    $.each(x, function(i, field){
      $("#results").append(field.name + ":" + field.value + " \n");
    });
  });
});
</script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Mickey" /><br />
Last name: <input type="text" name="LastName" value="Mouse" /><br />
</form>

<button>Serialize form values</button>
<div id="results"></div>
</body>
</html>

【问题讨论】：

标签： javascript newline serializearray

【解决方案1】：

你不能只使用BR标签吗？

$(document).ready(function(){
  $("button").click(function(){
    x=$("form").serializeArray();
    $.each(x, function(i, field){
      $("#results").append(field.name + ":" + field.value + " <br />");
    });
  });
});

JSFiddle

【讨论】：

是的 - 这行得通。谢谢-认为这很简单！ \n 也应该起作用吗？
否，因为您在 html (DOM) 中添加文本。 \n 在警告框中显示结果时有效。
好吧，这是有道理的——我被它写在我认为的脚本标签内的事实所吸引。谢谢你:)