html select标签 选择事件_html select 元素下拉点击事件

今天在写一个关于 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示例代码：

颜色1颜色2颜色3

输出结果：