javascript - 在下拉javascript eventlistener中选择时触发事件

Question

我有这个 javascript 函数，

function listQ(){
 var e = document.getElementById("list");
 if(e.selectedIndex > 0){
  if("Blank Test" === e.selectedIndex){ alert("yo"); }
 }
}

我的问题是在选择相同的下拉列表值时如何触发函数？

我试过这段代码，

document.getElementById("list").addEventListener("change",listQ);

而且它必须使用事件监听器。

Answer 1

您可以在选择元素上使用 onchange 方法。

var changedText = document.getElementById('changed');
function listQ(){
    changedText.textContent = this.value;
}
document.getElementById("list").onchange = listQ;

对于这个 HTML

<select id="list">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>
<p>
  Your value <span id="changed"></span>
</p>

这是一个Fiddle fork 自 Jonathan ，这里是 change 的 MDN 文档事件。