添加一個新行到SerializeArray輸出

我想創建一個窗體，返回所選項目（已完成）和所選項目列表的總和。我的項目值格式如下：
input name =「Door」type =「radio」value =「260 ~~ Stable Door」
我正在使用serializeArray來分割選定列表的項目值輸出。它的工作原理，但我想提出一個換行符在每個項目後，所以不是：添加一個新行到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>

來源

2012-04-11 clareontherun

難道你不能只使用BR標記？

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

JSFiddle

來源

2012-04-11 13:49:51 JurgenStillaert

是的 - 這是工作。謝謝 - 以爲它會很簡單！ \ n應該儘管工作過嗎？ – clareontherun 2012-04-11 14:09:13

不，因爲您要在html（DOM）中添加文本。 \ n當您將結果顯示在警告框中時，\ n可以使用。 – JurgenStillaert 2012-04-11 14:10:55

好吧，這很有道理 - 我被陷入了腳本標記內部的事實所困擾，我想。謝謝:) – clareontherun 2012-04-11 14:26:22

添加一個新行到SerializeArray輸出

回答

相關問題