htmlselect标签选择事件_htmlselect元素下拉点击事件
今天在写⼀个关于 html 中 select 下拉元素选择的动态事件时，发现如果使⽤ javascript 中的 click 事件的话，会被执⾏两次。⽹上查了⼀下资料，发现 select 元素下拉选中事件并不适合使⽤ click 来触发，⽽要使⽤ change 事件。
select元素下拉的click事件
html代码
下拉1下拉2下拉3下拉4
点击下拉后，输出信息如下：
通过上图可以发现，如果 select 元素的下拉菜单使⽤ click 事件的话，会输出两次结果，也就说在展开下拉菜单之前与选择下拉菜单之后分别触发了 click 事件，所以 select 下拉选项的触发事件，不能使⽤ click，⽽使⽤ change 事件。
javascript select 元素的触发事件
⽰例代码
选项1选项2选项3选项4
输出结果：
jquery select 元素的触发事件
html⽰例代码：
html下拉菜单的制作方法
颜⾊1颜⾊2颜⾊3
输出结果：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。