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

前端技术 2023/09/04 JavaScript

在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输入框。

本文地址：https://www.stayed.cn/item/11592

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案