js change 事件

admin發表於2017-03-23
JS事件

此事件會在域內內容發生變的時候出發。

例如改變select下拉選單的選中項，使用檔案上傳空間選中檔案等場景都會觸發事件。

程式碼例項:

例項一:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>螞蟻部落</title>  
<script type="text/javascript"> 
window.onload=function(){
  var osel=document.getElementById("sel");
  osel.onchange=function(){
    alert(this.selectedIndex);
  }
}
</script> 
</head> 
<body> 
<select id="sel">
  <option>螞蟻部落一</option>
  <option>螞蟻部落二</option>
  <option>螞蟻部落三</option>
  <option>螞蟻部落四</option>
</select>
</body> 
</html>

以上程式碼實現了我們的要求，當切換下拉選項的時候能觸發onchange事件。

相關閱讀:

1.selectedIndex屬性可以參閱javascript select.selectedIndex一章節。 

2.select更多dom屬性可以參閱javascript select 物件一章節。 

相關文章