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属性等与表单元素不同步。您可以使用这样的代码，但假设您的表单只包含具有正确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"添加到表单标记。

Answer 2

使用Jquery，你可以这样做

<form id='form'>
    <input type='text' name='test' id='name'/>
    <input type='submit' value='Submit'/>
</form>

和jquery代码

$(document).ready(function(){
    $('#form').submit(function(){
        alert($(this).find("#name").val());
        return false;
    });
});

Fiddle Code sample

获取表单html及其值

2 个答案: