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