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