這篇文章主要介紹了使用jquery清空、復(fù)位整個(gè)輸入域，非常的簡(jiǎn)單實(shí)用，這里推薦給大家,需要的朋友可以參考下

在web開(kāi)發(fā)中，我們經(jīng)常會(huì)遇到重置所有輸入框的情況。

比如在查詢時(shí)，會(huì)給用戶提供一個(gè)“重置”按鈕來(lái)清空所有輸入框內(nèi)的輸入的文本。

這時(shí)使用jquery就可以統(tǒng)一清空(復(fù)位)。

1. // 復(fù)位查詢條件輸入域 
2. function restInputArea(div_id){ 
3. // 清空文本框 
4. $("#"+div_id).find('input[type="text"]').each(function(){ 
5. $(this).val(""); 
6. }); 
7. // 復(fù)位下拉菜單 
8. $("#"+div_id).find('select').each(function(){ 
9. $(this).find('option:first-child').attr('selected',"selected"); 
10. }); 
11. }; 

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