javascript - 在 javascript 中选择标签不调用 onchange 处理函数

Question

我的 JavaScript 代码是:

var headerCell = document.createElement("TD");

var frag = document.createDocumentFragment(),
var select = document.createElement("select");
select.innerHTML = '<select id ="ddl" onchange="somekdfj()"><option value="0">wow</option><option value="1">pls</option></select>';

frag.appendChild(select);
headerCell.appendChild(frag);
row.appendChild(headerCell);

JavaScript 函数:

function somekdfj(){        
    alert("HI");
}

我对此很陌生。谁能告诉我为什么我无法调用上面的 javascript 函数？

Answer 1

您的代码中的以下行不正确:

select.innerHTML = '<select id ="ddl" onchange="somekdfj()"><option value="0">wow</option><option value="1">pls</option></select>';

原因:这里您正在更改select标记的innerHTML，它不会绑定(bind)像onchange这样的事件。为此，您可以将此行更改为以下内容:

 select.setAttribute("onchange","somekdfj()");
 select.setAttribute("id","ddl");
 select.innerHTML = '<option value="0">wow</option><option value="1">pls</option>';