一般主流浏覽器都是相容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>
以上方法是我在實際項目中遇到的問題,并附上的解決方法,流暢有效,希望對大家有所幫助!!