摘要:
下文讲述使用jquery框架为select标签绑定onChange事件的方法分享,如下所示;
在html中我们知道select标签是一个下拉标签,我们可以通过此标签限定标签中的值,
onChange事件:当select标签下拉选中值发生变化时,进行触发的事件
那么如何使用Jquery为select标签绑定onChange事件呢?下文将一一道来,如下所示:
实现思路:
使用jquery的change方法即可为select标签绑定onChange事件
例:
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事件的示例说明