Javascript 单击选择菜单中的选项时的操作

我正在用一张地图和一个侧面板为一个网站编程，在那里我想做些事情。我在选择菜单中选择了一个选项

这是我的代码：

<select id="optionList" onchange="display_div(document.getElementById('optionList').value);">
  <option selected="selected">Chose league</option>
  <option value="PL">Premier League</option>
  <option value="CH">Championship</option>
  <option value="L1">League 1</option>
  <option value="L2">League 2</option>
</select>
<p></p>
<div id="PL" style="display:none;">
  <select id="plTeamList" onchange="display_div2(document.getElementById('plTeamList').value);">
    <option selected="selected">Chose team</option>
    <option value="MUN">Manchester United</option>
    <option value="CHE">Chelsea</option>
    <option value="BOU">Bournemouth</option>
    <option value="NEW">Newcastle</option>
  </select>
  <div id="MUN" style="display:none" onclick="clickOnMUN()"> .... </div>
</div>

奇怪的是，当我在团队列表中选择一个选项时，这段代码没有执行脚本。

---

显示div功能仅显示选项

我看到的唯一问题是第二个“display\u div”调用。。。上面写着“display_div2”可能是打字错误。。。但是如果它与第一个相同并且只显示隐藏的div，那么删除2应该可以解决部分问题。另外，如果您对clicks事件使用一些监听器，而不是将函数调用放在html标记中，则可以改进代码。但这可能是您当前代码的一个版本：

功能显示分区（theDiv）{
console.log（theDiv）；
$（'#'+theDiv）.css（“显示”、“块”）；
}
功能单击团队列表（targ）{
$（'#status'）.html（“单击团队”+targ）；
}

p{
字体系列：verdana；
字体大小：12px；
颜色：蓝色；
}

选择联盟
英超联赛•唯一有效选项
冠军地位
甲级联赛
联赛2

选择团队
曼彻斯特联队
切尔西
伯恩茅斯
纽卡斯尔
球队：曼联

球队：切尔西

球队：伯恩茅斯

球队：纽卡斯尔

___

你能分享

display\u div

和

display\u div2

功能吗？伯恩茅斯和纽卡斯尔！！-这是什么样的选择？抱歉，我太轻率了-尝试将display_div和display_div2更改为alert（），看看会发生什么。而且，非常挑剔，这是“选择联盟”，而不是选择…哦。。。您可能需要option_list.selectedIndex.value（检查语法，但类似的东西）您提供的信息不够，请详细说明您的问题；如果你能创造一个新的世界，那就太好了；

 function clickOnMUN() {
   var info = whichteam("MU"); // Finner ut hvilket lag som spiller, og info om stadion
   var marker = L.marker([info.substring(0, 5), info.substring(5, 10)]).addTo(map);

   marker.bindPopup(info.substring(10));
 }