一般主流浏览器都是兼容select绑定时事件onchange的,但是有些情况下因为很奇怪的原因,这个事件会失效。针对前段时间我在做这个东西的时候出现了这个问题,现在就我的解决方法跟大家分享一下。希望大家在以后的开发过程中少采一些坑···
<!-- 一般情况下的写法 -->
<select name="project" onchange="getProject(this.value)" >
<option value="1">项目一</option>
<option value="2">项目二</option>
<option value="3">项目三</option>
<option value="4">项目四</option>
</select>
<script type="text/javascript">
function getProject(value){
alert("您选择的项目为:"+value);
}
</script>
<!-- ie8环境下,失效的解决方法 -->
<select name="project" id="project" >
<option value="1">项目一</option>
<option value="2">项目二</option>
<option value="3">项目三</option>
<option value="4">项目四</option>
</select>
<script type="text/javascript">
$("#project").change(function(){
var project = $(this).val();
alert("您选择的项目为:"+project );
})
</script>
以上方法是我在实际项目中遇到的问题,并附上的解决方法,流畅有效,希望对大家有所帮助!!