我怀疑我的代码中的addEventListener
是WebKit似乎没有响应的。这个完全相同的代码在Firefox中运行良好,但同样不适用于Chrome(我知道他们称之为闪烁)。
var showSelectedCompany = function() {
var w = document.getElementById('selection');
var x = w.selectedIndex;
var y = w.options[x].value; //options is not the variable name
var a = document.getElementById('rest01-display');
a.innerHTML = "Hi, "+y;
console.log(y);
};
以这种方式调用:
function _options(value) {
var resp = JSON.parse(value);
for (var i = 0; i < resp.length; i++) {
var option = document.createElement("option");
option.value = resp[i].name;
option.innerHTML = resp[i].name;
option.addEventListener("click", showSelectedCompany);
console.log(option.value);
create_select.appendChild(option);
}
}
我认为这一行引起了这个问题,因为我可以通过其他方式从对象中获取innerHTML。
option.addEventListener("click", showSelectedCompany);
问题 有人可以确认这一点,并帮我解决一下,如何解决这个问题。我需要在所有浏览器中使用它。
期望
当选择了选项列表中的项目时,可以看到该值已放入div
和console
。
感谢。