下拉菜单中option选项触发事件功能实现

2023-10-06 00:02:28

功能描述：做一个下拉菜单，点击下拉菜单中的每一个子项切换到该菜单对应的内容。
分析：使用select标签完成下拉菜单的样式，然后写各个option选项的内容。第一次使用click点击事件绑定方式，没有实现切换功能。查阅资料得知select标签没有click事件，但是有change和onchange事件。

  • change()：当元素的值发生改变时会发生change事件（仅用于表单字段），change()是jquery方法，不能在html标签中使用。

    当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，change 事件会在元素失去焦点时发生。
    语法：$(selector).change() ：触发被选元素的change事件。

  • onchange()：onchange()是js方法，在标签元素上使用。事件会在域的内容改变时发生。也可以用于单选框和复选框改变后触发的事件。所有主要浏览器都支持。
    支持onchange事件的标签：,