選択した (完了した) アイテムの合計と選択したアイテムのリストを返すフォームを作成しようとしています。項目の値は次のようにフォーマットされます:
input name="Door" type="radio" value="260~~Stable Door"
serializeArray を使用して、選択したリスト出力の項目の値を分割しています。動作しますが、各項目の後に改行を入れたいので、代わりに:
木材、安定したドア、パイン材の床を選択しました
私は得るだろう:
木製の安定したドア パイン材の床を選択しました
配列に値を追加するときに +"\n" と +"\r\n" を追加しようとしましたが、出力は 1 行のままです。
\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>