使用jquery清空、复位整个输入域

 在web开发中，我们经常会遇到重置所有输入框的情况。

比如在查询时，会给用户提供一个“重置”按钮来清空所有输入框内的输入的文本。
这时使用jquery就可以统一清空（复位）。

1
2
3
4
5
6
7
8
9
10
11

// 复位查询条件输入域
function restInputArea(div_id){
// 清空文本框
$("#"+div_id).find('input[type="text"]').each(function(){
$(this).val("");
});
// 复位下拉菜单
$("#"+div_id).find('select').each(function(){
$(this).find('option:first-child').attr('selected',"selected");
});
};

上述代码使用了jquery选择器取得了整个输入框的父级元素，并使用find找到该元素下的所有input与select输入框。

时间： 2024-11-01 08:02:52

使用jquery清空、复位整个输入域的相关文章

使用jquery清空、复位整个输入域_jquery

在web开发中,我们经常会遇到重置所有输入框的情况. 比如在查询时,会给用户提供一个"重置"按钮来清空所有输入框内的输入的文本. 这时使用jquery就可以统一清空(复位). // 复位查询条件输入域 function restInputArea(div_id){ // 清空文本框 $("#"+div_id).find('input[type="text"]').each(function(){ $(this).val("")

jQuery maxlength插件-判断输入域字符长度

插件的官方地址http://remysharp.com/2008/06/30/maxlength-plugin/ 调用很简单: <input type="text" name="" value="" id="j-text" maxlength="100"/><span>剩余字数:<em id="j-tip-text"></em></s

jquery+php实现用户输入搜索内容时自动提示

 今天突然想给本站做个搜索页面,这样用户可以通过搜索来找到自己喜欢的内容,也避免了在海量信息中手动查找资源的麻烦,我的目标和百度首页的效果类似,当用户输入要搜索的文字时,我们在下方给出相关的十条信息,如果用户要找的就是这十条信息内的某一条,那么简单,直接点击就可在新页面中打开页面,主要就是想更人性化一点,让用户使用起来更方便. 先看一下效果图吧,这样更有动力,要不然大家还不知道我在讲什么,到底要达到什么样的效果! 下面先主要讲解原理: 在search.html页面中,用户在搜索框内输入"j&qu

jquery清空表单数据示例分享

 这篇文章主要介绍了jquery清空表单数据的示例,需要的朋友可以参考下  代码如下: function clearForm(form) {   // iterate over all of the inputs for the form   // element that was passed in   $(':input', form).each(function() {     var type = this.type;     var tag = this.tagName.toLower

jQuery实现文本框输入同步的方法

  本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 ? 1 2 3 4 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助.

利用JQuery和Servlet实现跨域提交请求示例分

 这篇文章主要介绍了利用JQuery和Servlet实现跨域提交请求示例,需要的朋友可以参考下 原理:JavaScript的Ajax不可以跨域,但是可以通过向本地的一个Servlet发出请求,由Servlet完成跨域.再把远程的结构返回给客户端.这样Ajax就可以跨域了.在后面,再发一个PHP版本的,请大家关注啊.下面是代码   JS代码:   注意:在Post方式时,param1和param2为向远程发送的参数值,可以有多个.    代码如下: //GET方式 function reqeust

js/jquery获取文本框输入焦点的方法

 本篇文章主要是对js/jquery获取文本框输入焦点的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一.    代码如下:  function CheckForm() {              if(document.form1.trainingName.value==""){                      alert("培训班名称不能为空!");                      document.form1.trai

jQuery实现文本框输入同步的方法_jquery

本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎

jquery 计算文本框输入字符数代码

jquery 计算文本框输入字符数代码 asp教程x文件: 引入js <script type="text/网页特效" src="../script/maxlength.js"></script> 因为是限制textarea控件,所以必须使用一个hidden input来控制长度,原因是textarea的maxlength属性取值为用户实际输入的字符长度.如果是限制input的输入长度,就不需要了.                     &