18910140161

JavaScript-如何选择下拉菜单中的一项?-堆栈溢出

顺晟科技

2022-10-19 11:40:06

67

我创建了这个下拉菜单,我需要能够用javascript选择它,以便将该流派与SpotifySapi中列出的流派进行比较。我真的不知道该怎么开始。我能给出Li的ID并这样比较它们吗?

HTML:

<div class="dropdown">
 <button class="dropbtn">Select a Genre!</button>
  <ul>
   <li><a href="#">Metal</a></li>
   <li><a href="#">Rock</a></li>
   <li><a href="#">Rap</a></li>
  </ul>
 </div>

CSS:

<div class="dropdown">
 <button class="dropbtn">Select a Genre!</button>
  <ul>
   <li><a href="#">Metal</a></li>
   <li><a href="#">Rock</a></li>
   <li><a href="#">Rap</a></li>
  </ul>
 </div>

顺晟科技:

使用&tags-代替&tags

HTML有其本机的下拉选择元素,这不仅有助于确保可访问性和可用性,而且使其值的样式化和解析变得容易。请参见此MDN页面:https://developer.mozilla.org/en-美国/docs/web/html/element/select

在您的情况下,您的HTML标记可以调整为…

查询s并在JavaScript中读取它们的值

类似于...

有关代码示例,请参见此codepen链接

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航