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

在web开发中,我们经常会遇到重置所有输入框的情况。
比如在查询时,会给用户提供一个“重置”按钮来清空所有输入框内的输入的文本。
这时使用jquery就可以统一清空(复位)。

// 复位查询条件输入域
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输入框。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, 复位
, 清空
输入域
canvas 清空整个画布、mysql 清空整个数据库、如何清空整个电脑、jquery清空div内容、jquery清空input,以便于您获取更多的相关知识。

时间: 2024-09-12 12:02:01

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

使用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(){

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实现文本框输入同步的方法_jquery

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

jQuery添加和删除输入文本框标签代码_jquery

先给大家展示效果图,如果大家觉得还不错,请继续参考实现代码. 废话不多说了,直接给大家贴代码了. 代码如下: <!DOCTYPE html> <html> <head> <title>jquery删除添加输入文本框</title><base target="_blank" /> <meta charset="utf-8"> <link rel="stylesheet&

jQuery实现只允许输入数字和小数点的方法_jquery

本文实例讲述了jQuery实现只允许输入数字和小数点的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

jQuery 删除或是清空某个HTML元素示例_jquery

jQuery使用下面两个方法来删除或是清空某个HTML元素. remove() – 删除指定的元素(包括其子元素) empty() – 清空指定元素的子元素 例如: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js&q

jquery实现表单输入时提示文字滑动向上效果_jquery

本文实例讲述了jquery实现表单输入时提示文字滑动向上效果.分享给大家供大家参考.具体如下: 这里基于jQuery实现的表单输入框提示效果,当不输入的时候,提示文字就显示在输入框中,当鼠标点击文本框要输入文字的时候,提示文字向滑出输入框,好像很个性也很智能的样子,用户体验比较不错,运用了CSS3的部分属性,因此在测试时,请尽量要用高版本的IE9或chrome和火狐等网页浏览器. 运行效果截图如下: 具体代码如下: <!doctype html> <html> <head&g

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

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

深入理解JQuery keyUp和keyDown的区别_jquery

定义和用法完整的 key press 过程分为两个部分:1. 按键被按下:2. 按键被松开. 当按钮被按下时,发生 keydown 事件. keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数. 复制代码 代码如下: <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><