Question

提前感谢您的帮助！我问用户问题，并给他们输入回复。如果他们想要，我希望他们能够再做一次，所以我想我想要一个重置按钮。我想在用户点击提交后重置输入框。我已经看到了这个问题的一些非常好的答案，但我希望看到一个有效的例子，点击提交后。如果它是一个href链接将它们带到一个子域然后又回到原始域，那对我来说无关紧要。或者，如果我输入val“”。我的小提琴有一些问题，我把它快速分开，这样我就可以举出一个我想做的例子。我的输入来自改变功能。我的小提琴在下面。如果您选择“是”的第一个选项，它将起作用。如果你能展示一个有效的例子，那将非常有帮助。

$('.myOptions').change(function () {
$('.list').removeClass('active');
$('.' + this.value).addClass('active');
});


$('#butt').click(function () {
var ttta = $('.myOptions').val();
var tt = $('input[name=gender]:checked').val();
});

我的HTML代码：

<label>Please select an option :</label>
<select class="myOptions">
<option value="" selected>Pick an option</option>
<option value="owner">yes</option>
<option value="not-owner">no</option>

</select>

我的小提琴http://jsfiddle.net/46tYs/8/

Answer 1

根据您的示例，我只需清除inputs并重置select

$("#reset").click(function() {
    $("select").val("").change();
    $("input").val("");
});

Demo

Answer 2

您可以使用input[type="reset"]：

<input type='reset' id='reset' value='reset' />

http://jsfiddle.net/46tYs/11/

提交点击后重置输入

2 个答案: