如何在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(""); 
});