Question

我正在尝试创建一个表单，该表单返回所选项目（已完成）和所选项目列表的总和。我的项目值格式如下：
输入名称=“门”类型=“无线电”值=“260 ~~稳定门”
我正在使用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>

Answer 1

你不能只使用BR标签吗？

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

JSFiddle

向SerializeArray输出添加新行

1 个答案: