使用jquery清空、復(fù)位整個(gè)輸入域
在web開發(fā)中,我們經(jīng)常會(huì)遇到重置所有輸入框的情況。
比如在查詢時(shí),會(huì)給用戶提供一個(gè)“重置”按鈕來清空所有輸入框內(nèi)的輸入的文本。
這時(shí)使用jquery就可以統(tǒng)一清空(復(fù)位)。
// 復(fù)位查詢條件輸入域
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簡(jiǎn)單瀑布流實(shí)現(xiàn)原理及ie8下測(cè)試代碼
可以將分頁獲取的內(nèi)容依次填入四個(gè)div中,瀑布流的分頁可以以多頁(比如5頁)為單位二次分頁,這樣可以減少后臺(tái)算法的復(fù)雜度;測(cè)試環(huán)境:ie8 ff13.0.1 chrome22有興趣的朋友可以了解下2013-01-01
ASP.NET jQuery 實(shí)例15 通過控件CustomValidator驗(yàn)證CheckBoxList
這節(jié)我們要講下如何通過控件CustomValidator來校驗(yàn)CheckBoxList,客戶端校驗(yàn)代碼通過jQuery實(shí)現(xiàn)2012-02-02
ASP.NET MVC中EasyUI的datagrid跨域調(diào)用實(shí)現(xiàn)代碼
因?yàn)閑asyUI使用的是JQuery的異步方法加載數(shù)據(jù),應(yīng)該遵循JQuery的跨域訪問規(guī)則2012-03-03
jquery 學(xué)習(xí)之二 屬性(html()與html(val))
取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。2010-11-11
web的各種前端打印方法之jquery打印插件jqprint實(shí)現(xiàn)網(wǎng)頁打印
本文介紹JQuery插件Jqprint實(shí)現(xiàn)網(wǎng)頁打印,不懂的同學(xué)正可借此機(jī)會(huì)學(xué)習(xí)下,以備不時(shí)之需,話不多說,切入主題2013-01-01
ASP.NET jQuery 實(shí)例10 動(dòng)態(tài)修改hyperlink的URL值
這節(jié)我們來看下如何實(shí)現(xiàn)通過選擇RadioButtonList值動(dòng)態(tài)改變hyperlink控件的URL值,并簡(jiǎn)要介紹bind和live方法的區(qū)別2012-02-02
簡(jiǎn)單選項(xiàng)卡 js和jquery制作方法分享
這篇文章主要介紹了簡(jiǎn)單選項(xiàng)卡 js和jquery制作方法,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)炫酷的鼠標(biāo)軌跡特效
本文給大家分享的是一段jQuery實(shí)現(xiàn)炫酷的鼠標(biāo)軌跡的特效代碼,希望小伙伴們能夠喜歡。2015-02-02

