Hinzufügen einer neuen Zeile zur SerializeArray-Ausgabe

Ich versuche ein Formular zu erstellen, das eine Summe der ausgewählten Elemente (erledigt) und eine Liste der ausgewählten Elemente zurückgibt. Meine Itemwerte formatiert sind wie folgt:
input name = "Tür" type = "radio" value = "260 ~~ Stable Door"
ich serializeArray bin mit dem Wert der Elemente für die ausgewählte Liste aufzuspalten Ausgabe. Es funktioniert, aber ich möchte eine Zeile nach jedem Element einbrechen setzen, so statt:Hinzufügen einer neuen Zeile zur SerializeArray-Ausgabe

Sie haben Holz, stabile Tür gewählt, Kiefer Boden

ich bekommen würde:

Sie haben Holz Stalltür pine Boden

gewählt

habe ich versucht, das Hinzufügen + „\ n“ und sogar + „\ r \ n“, wenn sie den Array mit den Werten anhängen, aber der Ausgang bleibt auf eine einzelne Zeile.

Ich habe den Code auf W3C Schulen Code unten gegründet, einschließlich, wo ich versucht habe, das \ n zu setzen. Entweder ist es nicht möglich, weil es ein Array ist, oder ich vermisse etwas Offensichtliches. Entschuldigung für das Stellen einer so grundlegenden Frage:/

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

Quelle

2012-04-11 clareontherun

Können Sie nicht einfach das BR-Tag verwenden?

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

JSFiddle

Quelle

2012-04-11 13:49:51 JurgenStillaert

Yep - das funktioniert. Danke - dachte, es wäre einfach! Sollte das \ n auch funktioniert haben? – clareontherun

Nein, weil Sie Text im HTML (DOM) hinzufügen. \ n funktioniert, wenn Sie die Ergebnisse in einer Warnmeldung anzeigen. – JurgenStillaert

Ok, das macht Sinn - ich wurde von der Tatsache gefangen, dass es in das Skript-Tag geschrieben ist, denke ich. Danke :) – clareontherun

Hinzufügen einer neuen Zeile zur SerializeArray-Ausgabe

Antwort

Verwandte Themen