如何在jquery中的文本框中获取空值?

时间:2012-05-16 12:16:56

标签: javascript jquery android jquery-mobile

其实我有一份注册表格&一个设置页面。在我将页面更改为设置页面时,在注册表单中输入一些值后如果我回到注册页面,我希望之前输入的所有值都是空的,但它们会根据我输入的值显示。

以下代码显示了我的代码的完整描述:

的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>

在我将页面更改为设置页面时,按照以下代码在注册表单中输入一些值后如果我回到登记表,所有的价值都必须是空的。谁能帮助我...... 等待你的回复......

2 个答案:

答案 0 :(得分: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('');
});

答案 1 :(得分:0)

以下jQuery将清除作为类registrationScreen的子项的所有表单元素:

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