通过下拉列表调用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>）的每个项目。 获取option-elements的节点列表：

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

为每个元素添加具有所需功能的事件侦听器：

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

稍微编辑你的代码，因为滚动会让人感到困惑。