您的位置首页生活百科

jquery中下拉框选中事件的使用

jquery中下拉框选中事件的使用

1.新建一个html文件,命名为test.html,用于讲解jquery中下拉框选中事件的使用。

2.在test.html文件内,使用select标签创建下拉菜单,选项分别为测试one,测试two。

3.在test.html文件内,给select标签添加一个id属性,用于下面绑定选中事件。

4.在js标签内,使用ready()方法在页面加载完成时,执行function方法。

5.在function方法内,通过id获得select对象,使用bind()方法给select标签绑定选中事件change,当选项被选中时,通过val()方法获得当前选中的内容,并使用alert()方法进行输出。

6.在浏览器打开test.html文件,点击按钮,查看结果。