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

Question

我有这个javascript函数，

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

My problem is how to trigger the function when selected the same value of dropdown list?

我试过这段代码，

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

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

原文由 John Arellano 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

Here is a Fiddle fork from Jonathan ，这里是 mdn documentation for the change event。

原文由 Tommaso Boggia 发布，翻译遵循 CC BY-SA 4.0 许可协议