通過下拉列表調用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(){})); 

編輯你的代碼一點，因爲它混淆滾動。