SerializeArray出力に新しい行を追加する

選択した項目（完了）と選択した項目のリストの合計を返すフォームを作成しようとしています。
入力名=「扉」タイプ=「ラジオ」の値=「260 ~~安定ドアを」
私が選択したリストのための項目の値を分割するserializeArrayを使用しています：次のように私の項目の値がフォーマットされています出力。それは動作しますが、私はラインが各項目の後で壊れる入れたいのですが、その代わりに：SerializeArray出力に新しい行を追加する

：

あなたは、私が取得したい木材、安定したドア、松の床

を選択しています

あなたは木材安定ドア私は+追加しようとした

松の床、選択した「\ n」はあっても+「\ rを\ n」は、配列に値を追加しますが、出力はオンのままとき単一の行。

私は以下の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>

出典

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

いいえ、html（DOM）にテキストを追加しているためです。 \ nは結果をアラートボックスに表示すると機能します。 – JurgenStillaert

これは意味があります - 私はそれが私が思うスクリプトタグの中に書かれているという事実に追いついていました。ありがとうございました:) – clareontherun

SerializeArray出力に新しい行を追加する

答えて

関連する問題