select onchange方法触发js方法

来源：互联网 2023-03-16 19:15:52 367

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

方法/步骤

在html里，先创建一个select下拉框控件。

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

select onchange方法触发js方法

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

select onchange方法触发js方法

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

select onchange方法触发js方法

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

select onchange方法触发js方法

5本页面未经许可获取自百度经验

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

select onchange方法触发js方法

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

select onchange方法触发js方法

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： HTML JQUERY

上一篇：阻止事件捕获的方法下一篇：HTML表单教程 form标签的enctype属性