通过下拉列表调用javascript函数

Question

如何通过下拉菜单和for循环捕获所有数据而不仅仅是最后一个来调用此函数？我尝试了一些东西，我会得到的是最后一点信息。先谢谢你。

<script> 


      function hey(){ 
      for (i = 1; i < radio.length; i++){ 

document.write('<div class="dell"><img class="dell3" align="left" src=images/' + radio[i].image + '> <div class="space"> <font size="4">' + i + '. &nbsp;' + radio[i].name + '</font></br><font color="silver">' + radio[i].category + '</br>' + radio[i].address + '</br>' + radio[i].citystate + '</font></div> </div>'); 
       } 
       } 

</script> 

Answer 1

添加类的<select>（<option>）每一个项目。 获取节点列表选项元素的：

const optionList = document.querySelectorAll('.class'); 

对于每个元素添加事件监听所需的功能：

optionList.forEach(item => item.addEventListener('event', fucntion(){})); 

编辑你的代码一点，因为它混淆滚动。