使用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(){ $(this).val(""); }); // 複位下拉式功能表 $("#"+div_id).find('select').each(function(){ $(this).find('option:first-child').attr('selected',"selected"); }); };

上述代碼使用了jquery選取器取得了整個輸入框的父級元素，並使用find找到該元素下的所有input與select輸入框。