IE8环境下select onchange失效了解决办法

来源:互联网 发布:病名为爱 知乎 编辑:程序博客网 时间:2024/04/28 15:30

一般主流浏览器都是兼容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>


以上方法是我在实际项目中遇到的问题,并附上的解决方法,流畅有效,希望对大家有所帮助!!





1 0