JavaScript select length 屬性

admin發表於2018-10-17
JavaScript

此屬性返回下拉選單中的選項數目。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
select.length

瀏覽器相容:

（1）.IE瀏覽器支援此屬性。

（2）.edge瀏覽器支援此屬性。

（3）.谷歌瀏覽器支援此屬性。

（4）.火狐瀏覽器支援此屬性。

（5）.Opera瀏覽器支援此屬性。

（6）.Safari瀏覽器支援此屬性。

程式碼例項如下： 

[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 oselect=document.getElementById("myselect"); 
  var odiv=document.getElementById("ant");
  odiv.innerHTML=oselect.length
 
} 
</script> 
</head> 
<body> 
<select id="myselect"> 
  <option value="1">螞蟻部落</option> 
  <option value="2">div+css專區</option> 
  <option value="3">ASP專區</option> 
  <option value="4">螞蟻部落二</option> 
</select> 
<div id="ant"></div>
</body> 
</html>

上面的程式碼可以在div中顯示select下拉選單選項的數目。

相關文章