在web開(kāi)發(fā)中，我們經(jīng)常會(huì)遇到重置所有輸入框的情況。
比如在查詢(xún)時(shí)，會(huì)給用戶(hù)提供一個(gè)“重置”按鈕來(lái)清空所有輸入框內(nèi)的輸入的文本。
這時(shí)使用jquery就可以統(tǒng)一清空（復(fù)位）。

// 復(fù)位查詢(xún)條件輸入域
function restInputArea(div_id){
  // 清空文本框
  $("#"+div_id).find('input[type="text"]').each(function(){
    $(this).val("");
  });
  // 復(fù)位下拉菜單
  $("#"+div_id).find('select').each(function(){
    $(this).find('option:first-child').attr('selected',"selected");
  });
};

上述代碼使用了jquery選擇器取得了整個(gè)輸入框的父級(jí)元素，并使用find找到該元素下的所有input與select輸入框。

您可能感興趣的文章:

相關(guān)文章

jQuery中實(shí)現(xiàn)prop()函數(shù)控制多選框(全選,反選)
下面小編就為大家?guī)?lái)一篇jQuery中實(shí)現(xiàn)prop()函數(shù)控制多選框(全選,反選)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
Jquery Ajax 學(xué)習(xí)實(shí)例2 向頁(yè)面發(fā)出請(qǐng)求返回JSon格式數(shù)據(jù)
處理業(yè)務(wù)數(shù)據(jù)，產(chǎn)生JSon數(shù)據(jù)，供JqueryRequest.aspx調(diào)用
2010-03-03
jquery 關(guān)于event.target使用的幾點(diǎn)說(shuō)明介紹
本篇文章介紹了，jquery中關(guān)于event.target使用的幾點(diǎn)說(shuō)明。需要的朋友參考下
2013-04-04
jquery無(wú)法設(shè)置checkbox選中即沒(méi)有變成選中狀態(tài)
設(shè)置以后checkbox并沒(méi)有變成選中狀態(tài)，用chrome調(diào)試看了一下，checkbox中確實(shí)有checked屬性，針對(duì)這個(gè)問(wèn)題，大家可以參考下本文
2014-03-03
淺談jQuery中對(duì)象遍歷.eq().first().last().slice()方法
本文給大家分析了jQuery中的對(duì)象遍歷.eq().first().last().slice()方法的使用，以及他們之間的區(qū)別，jQuery源碼中的使用。
2014-11-11
jquery 分頁(yè)控件實(shí)現(xiàn)代碼
花了幾個(gè)小時(shí)用jqury寫(xiě)的分頁(yè)效果實(shí)現(xiàn)，功能基本實(shí)現(xiàn)需要再封裝下呵呵～～
2009-11-11
jQuery回車(chē)實(shí)現(xiàn)登錄簡(jiǎn)單實(shí)現(xiàn)
實(shí)現(xiàn)登錄的方法有很多，這里為大家介紹下實(shí)現(xiàn)回車(chē)提交表單，具體如下，感興趣的朋友可以參考下
2013-08-08
基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
利用css和jquery創(chuàng)建一個(gè)動(dòng)畫(huà)效果的緩沖樣式插件，插件可以開(kāi)始、暫停、結(jié)束
2012-08-08
jQuery中ajax獲取數(shù)據(jù)賦值給頁(yè)面的實(shí)例
下面小編就為大家分享一篇jQuery中ajax獲取數(shù)據(jù)賦值給頁(yè)面的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2017-12-12
根據(jù)Bootstrap Paginator改寫(xiě)的js分頁(yè)插件
本文主要對(duì)根據(jù)Bootstrap Paginator改寫(xiě)的js插件進(jìn)行詳細(xì)介紹，具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧
2016-12-12