jquery - 如何使用jquery获取生成的html表单

Question

我有这个表格

<form id="myForm">
<input name="foo" value=""  />
<input name="bar" value=""  />
... other dynamic input generated by jquery
</form>

如何获取所有的html，包括“foo”和“bar”的值以及其他输入值？

我不需要这些值，而是所有生成的 html，包括用户输入的值。

$ ('#myform').html()

返回表单的html，没有用户输入的值

Answer 1

您可以像这样手动设置值属性：

$('#myForm input').each(function(){ 
    $(this).attr('value', $(this).val());
});
console.log($('#myForm').html());

工作小提琴：http: //jsfiddle.net/7g6CP/1/

但是，请小心处理此操作，您可能会面临一些安全问题。