隐藏输入[type=submit]并显示加载图像不起作用

Question

使用jquery，我试图隐藏提交按钮并在单击后显示ajax加载gif。

它工作正常，但表单不再提交。

这是我的 jquery 代码：

$('input[type=submit]').click(function () {
    $(this).parent('p').html('<img src="images/ajax-loader.gif" alt="loading" />');
    $(this).parent('form').submit();
});

这是我的 html：

<h1>add</h1>

<form method="post" action="form.php">

<p>
<label for="number">number:</label>
<input type="text" name="number" id="number" size="30" value="" />
</p>

<p style="text-align: center;">
<input type="submit" value="add" />
</p>

</form>

如您所见，我什至添加了 $(this).parent('form').submit(); 但它仍然不起作用。

Answer 1

试试这个：

$('form').submit(function() {
    $('p:last-child', this).html('<img src="images/ajax-loader.gif" alt="loading" />');
});