javascript - 单击下拉菜单不起作用

Question

我正在尝试制作可点击的下拉菜单，但它不起作用。这是我的代码，我从另一个问题中看到了这段代码，我做了一切但仍然无法正常工作。有人可以帮忙吗？

HTML 代码:

<li class = "mobmeni">
  <div class = "mobmenidiv">
    <button id="kopceddown" class="mobmenikopce"></button>
  </div>
</li>

<div id = "mobddown">
  <li><a href="#">Берово</a></li>
  <li><a href="#">Берово</a></li>
  <li><a href="#">Берово</a></li>
  <li><a href="#">Берово</a></li>
</div>

脚本:

    function show_or_hide()
    {
      if(getElementById("mobddown").style.display="none")
        getElementById("mobddown").style.display="block";
      else 
        getElementById("mobddown").style.display="none";
    }

    getElementById("kopceddown").addEventListener("click", show_or_hide);

CSS:

#mobddown{
    font-size: 2em;
    display: none;
}

#mobddown li{
    display: block;
    margin: 0;
    padding: 0.4em;
}

#mobddown li a{
    text-decoration: none;
    color: black;
}

#mobddown li:hover{
    background-color: #35aa96;
}

Answer 1

使用简单的 <select> 可能会更好标签:

<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

如果您愿意，您可以稍后向其中添加 css。