天天看點

IE8環境下select onchange失效了解決辦法

一般主流浏覽器都是相容select綁定時事件onchange的,但是有些情況下因為很奇怪的原因,這個事件會失效。針對前段時間我在做這個東西的時候出現了這個問題,現在就我的解決方法跟大家分享一下。希望大家在以後的開發過程中少采一些坑···

<!-- 一般情況下的寫法  -->

<select  name="project"  οnchange="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>

以上方法是我在實際項目中遇到的問題,并附上的解決方法,流暢有效,希望對大家有所幫助!!

繼續閱讀