欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

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

(元素模板) / 2017-10-12 09:42

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

 

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

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com