關閉時清除表單輸入字段

Question

我有一個表單，我希望在用戶更改他/她的選擇時清除可選字段。我得到了添加或刪除可選選項的表單，但是如果用戶在可選字段中鍵入文本，然後改變他/她的想法，並點擊取消按鈕，那麼我希望清除可選字段中的值。我需要這個，因爲當提交表單時，如果可選字段中沒有新日期提交給數據庫，則可選字段爲空是很重要的。

<form> 
     <a href="#" class="show_hide">+ Add New</a> 
     <div class="slidingDiv"> 
     Artists name: <input type="text" name="name"> 
     Artists info: <textarea name="info" cols="65" rows="15"></textarea> 
     <a href="#" class="show_hide">Cancel</a> 
     </div> 
    </form> 

-

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $(".show_hide").show(); 

$('.show_hide').click(function(){ 
$(".slidingDiv").slideToggle(); 
}); 

}）;

Answer 1

$('.show_hide').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    $(".slidingDiv input").val(""); 
    $(".slidingDiv textarea").val(""); 
    $(".slidingDiv textarea").html("") 
}); 

這會將該字段的值更改爲「」或空白。

注：Textarea在那裏兩次，因爲我相信某些瀏覽器不記錄文本區域的內容爲value，而是innerHTML。

編輯：如果要清除特定字段，請將id指定給HTML中的該字段，然後使用jQuery清除其值。

例如：

<input type="text" name="customerName" id="myInputField" /> 
<textarea name="customerResponse" id="myTextarea" /></textarea> 

...然後你的jQuery：

$("#myInputField").val(""); 
$("#myTextarea").val(""); 

所以，如果你給.slidingDiv input的id 「myInputField」，而你只是想清除輸入和NOT textarea的，那麼你的jQuery的是這樣的：

$('.show_hide').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    $("#myInputField").val(""); 
}); 

這是真的，真的，非常基本的jQuery，所以在進入StackOverflow尋求幫助之前，請確保你看過一些教程！