程序员经验分享-hwhale

SELECT 下拉框 重复点击选项 change事件无法再次触发的问题

2023-11-11

        原版本,无法重复触发change事件

<select id="operation_time_cpu" class="edit-select" name="operation_time_cpu">
                    <option value="0" selected>无</option>
                    <option value="1">10 分钟</option>
                    <option value="2">30 分钟</option>
                    <option value="3">1 小时</option>
                    <option value="4">6 小时</option>
                    <option value="4">24 小时</option>
</select>

        将这个下拉框绑定 change 事件之后,当重复点击同一选项时,只有第一次的点击操作才会触发change事件

       

        为了能够使重复点击同一选项时,能够多次触发,需要对 select 进行如下设置

<select id="operation_time_cpu" class="edit-select" name="operation_time_cpu" onmousedown="this.sindex = this.selectedIndex; this.selectedIndex = -1;" onblur="if(this.sindex) this.selectedIndex = this.sindex;" onchange="this.sindex = undefined;">
                    <option value="0" selected>无</option>
                    <option value="1">10 分钟</option>
                    <option value="2">30 分钟</option>
                    <option value="3">1 小时</option>
                    <option value="4">6 小时</option>
                    <option value="4">24 小时</option>
</select>

         亲测有效 !!!

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

前端

jQuery

javascript

SELECT 下拉框 重复点击选项 change事件无法再次触发的问题 的相关文章

随机推荐

  • ssh免密登录，各种权限设置都无效的解决办法！

    如果失败 有可能是以下原因 1 权限问题 这个还得试试 有可能你的权限真的不对 ssh目录 以及 home 当前用户 需要700权限 参考以下操作调整 sudo chmod 700 ssh sudo chmod 700 home 当前用户

  • Python打乱数据集

    在随机划分训练集和测试集时 需要随机划分 使用这种方法 一 打乱索引 import random random seed seed index i for i in range len x train random shuffle inde

  • linux定时删除指定文件shell脚本

    vi delete sh 输入以下内容 bin bash data path home test logs expire time 1 function deletefiles for file in find 1 name Default

  • vscode安装node-snippets

    vscode安装node snippets扩展后没有代码提示问题 安装好扩展后 输入node后仍没有代码提示 需要观察自己的代码所在文件路径是否全是英文路径 然后大多都以了 如果还有不行 就尝试在设置里面输入prevent 取消下面的选中

  • windows下如何安装高版本的jaxlib

    https zhuanlan zhihu com p 498404068

  • Vue2手捏Vuex插件

    一 展示数据 state 1 plugins Vuex js let Vue class Store constructor options 1 保存数据 通过 vue 中的 data 是响应式 this vm new Vue data s

  • C语言百日刷题第九天

    前言 今天是刷题第9天 放弃不难 但坚持一定很酷 快来跟我一起刷题吧 加油 一起努力进步 C语言百日刷题第九天 前言 76 计算偶数的所有质因子 77 提取不重复的整数 78 二进制中1的个数 79 猴子分桃 80 百钱买百鸡 76 计算偶

  • Typora-Markdown 文本编辑器

    图片 md test png img src md test png height 300 时序图 实线 gt gt gt 虚线 gt gt gt 背景 rect rgb 244 244 255 end 列子 mermaid sequenc

  • SSM商城项目实战：客户管理

    SSM商城项目实战 客户管理 1 项目背景和需求分析 在一个电商平台中 客户管理是非常重要的一环 通过对客户信息的管理 可以更好地了解客户需求 提供个性化的服务 增强客户满意度 本项目旨在实现一个简单的客户管理功能 包括客户信息的添加 修改

  • react组件权限控制+路由权限+路由懒加载

    组件控制 permission js import React useEffect useState useContext from react const PermissionContext React createContext per

  • [~/vulhub]/log4j/CVE-2021-44228-20221225

    vulhub log4j CVE 2021 44228 kwkl kwkl vulhub cd log4j CVE 2021 44228 kwkl kwkl vulhub log4j CVE 2021 44228

  • flutter 对象模型的理解

    如果要传值 传一个int值时就很简单了 类型就是int 如果我们要传好多个值呢 里面有int 也有String 也会有列表 对象 当然我们也可以一个个传 问题是这样子很麻烦 我们可以将这些不同的类型数据堆到一个模型里面 然后传这个模型 也就

  • 为了搞清楚CDN的原理，我头都秃了...

    点击上方 前端Q 关注公众号 回复加群 加入前端Q技术交流群 作者 winty的帆宝宝 原文地址 https juejin cn post 6944420222757503006 今天下班前忽然发现维护的项目网站打不开了 打开控制台一看 原

  • C++--运算符

    运算符是一种告诉编译器执行特定的数学或逻辑操作的符号 C 内置了丰富的运算符 并提供了以下类型的运算符 算术运算符 关系运算符 逻辑运算符 位运算符 赋值运算符 杂项运算符 本章将逐一介绍算术运算符 关系运算符 逻辑运算符 位运算符 赋值运

  • Python的turtle库（教师节祝福，用turtle画一只熊猫和一个太阳）

    目录 一 基本功能 1 turtle库的官方文档 2 开始绘制 3 绘制结果 4 常用的turtle库的方法 一 基本功能 1 turtle库的官方文档 官方文档 2 开始绘制 import turtle as t import math

  • Async详解之一：流程控制

    转载 http freewind me blog 20120515 917 html 为了适应异步编程 减少回调的嵌套 我尝试了很多库 最终觉得还是async最靠谱 地址 https github com caolan async Asyn

  • numpy数据处理

    介绍了获取 设置 调整 NumPy 数组数值的方法与工具 包括取值操作 如arr 2 1 切片操作 如 arr 1 5 掩码操作 如 arr arr gt 0 花哨的索引操作 如 arr 0 1 5 以及组合操作 如 arr 1 5 imp

  • Echarts详解之饼状图展示

    使用背景 要求展示吃喝玩乐状态 自己查阅了一些资料 现将完整步骤贴在下面 供宝子们参考 前言 先引入echarts文件 一 实现效果 二 html代码 三 JS代码 四 Css样式

  • Maven Exception in thread “main“ java.lang.NoSuchMethodError: org.apache.hadoop.conf.Configuration.g

    package 0605 import org apache spark rdd RDD import org apache spark sql DataFrame Row SparkSession import org apache sp

  • SELECT 下拉框 重复点击选项 change事件无法再次触发的问题

    原版本 无法重复触发change事件

热门标签