向序列化数组输出添加新行

我正在尝试创建一个表单，该表单返回所选（完成）项目的总和和所选项目的列表。我的项目值的格式如下：
输入名称="门"类型="收音机"值="260~~稳定门"
我正在使用 serializeArray 来拆分所选列表输出的项目值。它有效，但我想在每个项目后加一个换行符，所以而不是：

您选择了木材，马厩门，松木地板

我会得到：

您已选择木稳定门松木地板

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

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

<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>

你不能只使用 BR 标签吗？

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

JSFiddle

相关内容

最新更新

热门标签：