Добавление новой строки в вывод SerializeArray

Я пытаюсь создать форму, которая возвращает сумму выбранных элементов (сделанных) и список выбранных элементов. Мой пункт значение в следующем формате:
имени входного = типа = «радио» значение «дверь» = «260 ~~ Стабильная Door»
Я использую serializeArray разделить значение элементов для выбранного списка вывод. Это работает, но я хотел бы поставить разрыв строки после каждого элемента, поэтому вместо того, чтобы:Добавление новой строки в вывод SerializeArray

Вы выбрали дерево, дверь конюшни, сосновый пол

Я бы получить:

Вы выбрали дерево стабильная дверь сосна пол

Я попытался добавить + «\ п» и даже + «\ г \ п» при добавлении значений в массив, но выход остается на одна строка.

Я основывал код на школьном коде 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

Нет, потому что вы добавляете текст в html (DOM). \ n работает, когда вы показываете результаты в окне предупреждения. – JurgenStillaert

Хорошо, это имеет смысл - меня подхватывает тот факт, что он написан внутри тега скрипта, который я думаю. Спасибо :) – clareontherun

Добавление новой строки в вывод SerializeArray

ответ

Смежные вопросы