JavaScript select multiple

admin發表於2018-10-27
JavaScript

multiple屬性可以設定或返回下拉選單是否可以選擇多個專案，可讀寫屬性。

如果屬性值為true，則可以選擇多個專案，如果為false則不能。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
select.multiple=布林值

引數解析：

（1）.select：select物件。

（2）.布林值：可選，設定為true，則表示可以選擇多個專案，否則不可以。

程式碼例項：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script> 
window.onload=function() { 
  let oSelect=document.getElementById("st"); 
  oSelect.multiple=true; 
} 
</script> 
</head> 
<body> 
<select id="st"> 
  <option value="1">螞蟻部落一</option> 
  <option value="2">螞蟻部落二</option> 
  <option value="3">螞蟻部落三</option> 
  <option value="4">螞蟻部落四</option> 
</select> 
</body> 
</html>

上述程式碼設定select下來選單可以選擇多項，預設不可以。

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script> 
window.onload=function() { 
  let oSelect=document.getElementById("st"); 
  let odiv=document.getElementById("ant");
  odiv.innerHTML=oSelect.multiple; 
} 
</script> 
</head> 
<body> 
<select id="st"> 
  <option value="1">螞蟻部落一</option> 
  <option value="2">螞蟻部落二</option> 
  <option value="3">螞蟻部落三</option> 
  <option value="4">螞蟻部落四</option> 
</select> 
<div id="ant"></div>
</body> 
</html>

程式碼並沒有顯式設定multiple屬性，預設為false。

相關文章