如何使用jQuery获取所有表单元素的值?

8 浏览
0 Comments

如何使用jQuery获取所有表单元素的值?

以下是HTML代码:

HTML表单生成器

新表单

以下是获取所有表单字段值的代码:

$("#hidAll").append($("#preview_form :input").map(function () {

if ($(this).val() != 'Submit') {

if ($(this).is('select')) {

var aa = $(this).children('option').map(function () {

return $(this).val();

}).get().join("|");

return $(this).attr('name') + '|' + aa;

} else if ($(this).is('input:checkbox')) {

return $(this).attr('name').substring(0, $(this).attr('name').length - 2) + '|' + $(this).val();

} else {

return $(this).attr('name') + '|' + $(this).val();

}

}

}).get().join(","));

alert($("#hidAll").html());

得到的输出结果如下:

textfield_1|dgdfg,

checkboxgroup_1|Option 1,

checkboxgroup_1|Option 2,

checkboxgroup_1|Option 3,

radiobutton_1|Option 1,

radiobutton_1|Option 2,

radiobutton_1|Option 3,

dropdown_1|Option 1!Option 2!Option 3

希望得到以下输出:

textfield_1|dgdfg,

checkboxgroup_1|Option 1!Option 2!Option 3,

radiobutton_1|Option 1!Option 2!Option 3,

dropdown_1|Option 1!Option 2!Option 3

0