通过下拉列表调用javascript函数答案

【问题标题】：call javascript function through dropdown list通过下拉列表调用javascript函数
【发布时间】：2017-04-20 20:05:00
【问题描述】：

如何通过下拉菜单调用此函数，并且 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>

【问题讨论】：

你能提供更多细节吗？哪里来的收音机？
请格式化您的代码。

标签： javascript onclick onchange dropdown

【解决方案1】：

为<select>(<option>) 的每一项添加类。获取选项元素的节点列表：

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

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

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

稍微修改一下你的代码，因为它滚动起来很混乱。

【讨论】：