提交點擊後重置輸入

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

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

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

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

Answer 2

你的榜樣，我只是清除了inputs並重置select

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

Demo