javascript - 获取表单 html 及其值

Question

考虑这个 html:

<form onsubmit="alert( $(this).html() );return false">
    <input type='text' name='test'/>
    <input type='submit' value='Submit'/>
</form>

如果我在输入框中键入一些文本，html() 不会捕获该值。如何获取原始表单 html 及其输入值？

Answer 1

value 属性等与表单元素不同步。您可以使用这样的代码，但假设您的表单仅包含具有正确值的输入(例如没有选择、复选框和单选元素)

$('form').submit(function(e) {
    e.preventDefault();
    $(':input', this).each(function() {
        var $this = $(this);
        $this.attr('value', $this.val());
    });
    alert($(this).html());
});

不要忘记从 HTML 中删除 onsubmit 代码。如果您有多个表单，请将 $('form') 替换为 $('#someid') 并添加 id="someid" > 到您的表单标记。