资讯专栏INFORMATION COLUMN

如何使用jquery清空or复位整个输入域

zorpan / 485人阅读

摘要:比如在查询时,会给用户提供一个重置按钮来清空所有输入框内的输入的文本。这时使用就可以统一清空复位。复位查询条件输入域清空文本框复位下拉菜单上述代码使用了选择器取得了整个输入框的父级元素,并使用找到该元素下的所有与输入框。

在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.ucloud.cn/yun/49561.html

相关文章

  • 如何使用jquery清空or复位整个输入

    摘要:比如在查询时,会给用户提供一个重置按钮来清空所有输入框内的输入的文本。这时使用就可以统一清空复位。复位查询条件输入域清空文本框复位下拉菜单上述代码使用了选择器取得了整个输入框的父级元素,并使用找到该元素下的所有与输入框。 在web开发中,我们经常会遇到重置所有输入框的情况。 比如在查询时,会给用户提供一个重置按钮来清空所有输入框内的输入的文本。 这时使用jquery就可以统一清空(复位...

    SunZhaopeng 评论0 收藏0
  • Xilinx FPGA平台GTX简易使用教程(三)GTX复位与初始化

    摘要:后文全用表示,同样适用于的发送器和接收器可以独立的同步进行初始化。使用的任何都是单独的进行复位,复位操作与复位完全独立。复位序列要求的时间是决定了的。在复位过程中,必须保持为低。 所有IP核没有正确工作,原因一半是时钟,一半是复位。 汇总篇: Xilinx FPGA平台GTX简易使用教程(汇...

    不知名网友 评论0 收藏0
  • Hybird-App离线缓存系统

    摘要:表示备份过程正常,否则备份过程有错误。此时请求不走缓存系统。升级流程图离线资源缓存使用缓存时机只针对的以为主域名的请求进行拦截,然后根据请求链接,找到具体文件缓存。 目录 背景 接口格式 离线资源包格式 离线资源下发 离线资源缓存 背景 由于线上乐刻客户端 App 第一次打开平台 H5 需要几秒的加载时间,这个体验对用户来说并不友好,为了让用户跳转 H5 和跳转到原生一样的用户体验...

    gself 评论0 收藏0
  • Hybird-App离线缓存系统

    摘要:表示备份过程正常,否则备份过程有错误。此时请求不走缓存系统。升级流程图离线资源缓存使用缓存时机只针对的以为主域名的请求进行拦截,然后根据请求链接,找到具体文件缓存。 目录 背景 接口格式 离线资源包格式 离线资源下发 离线资源缓存 背景 由于线上乐刻客户端 App 第一次打开平台 H5 需要几秒的加载时间,这个体验对用户来说并不友好,为了让用户跳转 H5 和跳转到原生一样的用户体验...

    1treeS 评论0 收藏0

发表评论

0条评论

zorpan

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<