向序列化数组输出添加新行
Adding a new line to SerializeArray output
我正在尝试创建一个表单,该表单返回所选(完成)项目的总和和所选项目的列表。我的项目值的格式如下:
输入名称="门"类型="收音机"值="260~~稳定门"
我正在使用 serializeArray 来拆分所选列表输出的项目值。 它有效,但我想在每个项目后加一个换行符,所以而不是:
您选择了木材,马厩门,松木地板
我会得到:
您已选择木稳定门松木地板
我尝试在将值附加到数组时添加 +"'" 甚至 +"''r'",但输出保留在一行上。
我的代码基于下面的 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>
你不能只使用 BR 标签吗?
$(document).ready(function(){
$("button").click(function(){
x=$("form").serializeArray();
$.each(x, function(i, field){
$("#results").append(field.name + ":" + field.value + " <br />");
});
});
});
JSFiddle
相关文章:
- 如何在脚本上添加新行
- 在不刷新整个网格的情况下,向Asp.net网格视图添加新行
- dhtmlx添加新行并启动单元格编辑器
- 如何在Google Geochart图表的工具提示文本中添加新行
- 如何在javascript中每次添加新行时都增加ordre值
- 两个表添加新行按钮-冲突
- 在Spring.message属性中添加新行时出错
- 使用Javascript在文本区域中添加新行
- 在java脚本的第一行之前添加新行
- sails.js更新或添加新行
- 使用ajax向表中添加新行
- 使用一些默认值在剑道网格中添加新行
- 添加新行后无法“刷新”灯丝组表锯响应表
- JQuery 数据表添加新行,如果该行已经存在,请将其删除并为该 ID 插入新行
- 续集 - 向表添加新行并关联表
- 如何在 jQuery 函数 text() 中添加新行
- 在表格顶部添加新行
- 添加新行动态引导日期时间选择器不起作用
- 如何在不影响 Jquery 数据表中其他行的情况下删除选定的现有数据并添加新行
- 分机.js确认方法添加新行字符