創建<select>與平變化和事件監聽

Question

我怎麼會藉此：

<select onchange='disable(this)'> //options here </select> 

，並使其陷入的createElement和事件監聽？我不知道如何添加onchange =「disable（this）」。

到目前爲止，我有：

var optionList = ["default", "yes", "no"]; 

var td = document.createElement("td"); 
selectList = document.createElement("select"); 
selectList.addEventListener("change", lockSelect, false); 
td.appendChild(selectList); 
newTableRow.appendChild(td); 

for (var j = 0; j < optionList.length; j++) 
{ 
    option = document.createElement("option"); 
    option.value = optionList[j]; 
    option.text = optionList[j]; 
    selectList.appendChild(option); 
} 

這使得<select>和<options>，但我不能想出如何使onchange=disable(this)

Answer 1

你需要爲lockSelect創建一個函數。您沒有顯示disable的功能，所以我必須猜測。

lockSelect應該調用disable將事件目標元素傳遞給它。

將禁用的函數改爲對事件對象進行操作可能會更好。並將其直接傳遞給事件監聽器。

function disable(e) { 
    e.target.disabled = true 
} 

var optionList = ["default", "yes", "no"]; 
 
var newTableRow = document.querySelector('tr') 
 

 
function disable(element) { 
 
    element.disabled = true 
 
} 
 

 
function lockSelect(e) { 
 
    disable(e.target) 
 
} 
 

 
var td = document.createElement("td"); 
 
selectList = document.createElement("select"); 
 
selectList.addEventListener("change", lockSelect, false); 
 
td.appendChild(selectList); 
 
newTableRow.appendChild(td); 
 

 
for (var j = 0; j < optionList.length; j++) { 
 
    option = document.createElement("option"); 
 
    option.value = optionList[j]; 
 
    option.text = optionList[j]; 
 
    selectList.appendChild(option); 
 
}

<table> 
 
    <tr></tr> 
 
</table>