如何在jQuery中的文本框中獲得空值？

Question

其實我有一個登記表&一個設置頁面。當我在註冊表格中輸入一些值時，如果我回到註冊頁面，我將頁面更改爲設置頁面&我希望以前輸入的所有值都需要爲空，但它們會按照我輸入的值顯示。

下面的代碼顯示我的代碼的完整描述：

的index.html

<section id="main" data-role="page"> 
     <div data-role="content" class="mainScreen"> 
       <a href="#Registration" data-transition="slide" data-theme="e" data-role="button" data-icon="arrow-r" data-iconpos="right">Register</a> 
       <a href="#settings" data-transition="slide" data-theme="e" data-role="button" data-icon="arrow-r" data-iconpos="right">Settings</a> 
     </div> 

<section id="Registration" data-role="page"> 
    <div class = "registrationScreen"> 
      Name <input type="text" id="name" name="name"> </input> 
      Age <input type="number" id="age" name="age"></input> 
      Mobile Number <input type="number" id="mobile" name="mobile"> </input> 
      Email Id <input type="email" id="email" name="email"> </input> 
      <input type="submit" id="register" name="register" value="Register"> </input> 
     </div> 
    </section> 
<section id="settings" data-role="page"> 

     <div data-role="content"> 
     <p>.....</p> 
     </div> 
    </section> 

按照以下代碼中的登記表輸入一些值之後，當我如果我回到註冊表格，將我的頁面更改爲設置頁面&所有值都需要爲空。任何人都可以請幫我這個...... 等待你的答覆....

Answer 1

$(document).ready(function() { 
    $("input[type='text']").val(''); //sets blank to all textboxes of type input 
}); 

或者，如果你想具體的div的輸入進行清除，然後：

$(".registrationScreen :input:not(input[type='submit'])") { //except for submit 
    $(this).val(''); 
}); 

Answer 2

以下jQuery將清除是類registrationScreen的所有子窗體元素：

$(".registrationScreen").children().each(function() { 
    $(this).val(""); 
});