select onchange方法触发js方法

 时间:2024-10-13 03:28:29

在做页面开发时,经常会使用到select下拉选择框的,如何为这个select添加一稍僚敉视个onchange方法?在onchange方法里,还要调用触发一个js方法,下面来看一下是如何设置的。

方法/步骤

1、在html里,先创建一个select下拉框控件。

select onchange方法触发js方法

2、要添加onchange事件,我们直接在控件上添加对应的事件就行了。

select onchange方法触发js方法

3、接着是添加事件的函数。在这个函数里,我们利用门钙蹲茌jquery来获得下拉框选择的值,然后输出到浏览器控制台上。

select onchange方法触发js方法

4、另外创建一个方法,给下拉框onchange时调用。方法逻辑现在也很简单,主要输出参数传进来的值。

select onchange方法触发js方法

5、调用这个方法很简单,直接在事件函数方法里调用就行了。

select onchange方法触发js方法

6、运行页面,我们修改一下下拉框的值,比如选择「百度知道」。

select onchange方法触发js方法

7、选择后,我们在浏览器的控制台可以看到输出的内容了。

select onchange方法触发js方法

js如何获取元素的指定子元素对象 js如何打开新页面 jquery如何获取所有input框 jquery如何获取同一个div下3个span的值 jquery怎么清空div的子元素?
热门搜索
成人漫画下载 乌龙院漫画 垂柳图片 牛肉火锅图片 床图片