html下拉框onchange事件,javascript jquery框架如何为html中select标签绑定onChange事件呢？...

摘要：

下文讲述使用jquery框架为select标签绑定onChange事件的方法分享，如下所示；

在html中我们知道select标签是一个下拉标签，我们可以通过此标签限定标签中的值，

onChange事件：当select标签下拉选中值发生变化时，进行触发的事件

那么如何使用Jquery为select标签绑定onChange事件呢？下文将一一道来，如下所示:

实现思路:

使用jquery的change方法即可为select标签绑定onChange事件

例:

maomao365.com

jquery监控select下拉框变化

---

.divTest{

background-color:green;

color:white;

margin:10px;

padding:3px;

height:100px;

width:200px;

}

$(function(){

$("#ddl").change(function(){

//输出选中值

$(".divTest").html($("#ddl").val());

});

});

请选择

值1

值2

值3

jquery为select标签绑定onChange事件的示例说明