下拉菜单获取选定值javascript

尝试获取所选值：

getSelectedValue = () => {
        let selectedValue = document.getElementsByClassName('aa');
        selectedValue.style.fontWeight = 'bold';
        console.log(selectedValue);
      };

如何将用户在下拉菜单中选择的值（文本）加粗

当用户在菜单中导航时，我需要将其在菜单中选择的值设为粗体

我该怎么做

HTML代码如下：

<div class="dropdown">
            <button onclick="showMenu()" class="dropbtn">Menu</button>
            <div id="menuDrop" class="dropdown-content">
              <a href="#">O QUE É A MICOSE DE UNHA?</a>
              <a href="#aspecto">QUAL O ASPECTO DE UMA MICOSE DE UNHA?</a>
              <a href="#possiveis">POSSÍVEIS CAUSAS DA MICOSE DE UNHA</a>
              <a href="#">OPÇÕES DE TRATAMENTO PARA MICOSE DE UNHA</a>
              <a href="#">FATOS RÁPIDOS SOBRE A MICOSE DE UNHA</a>
            </div>
          </div>

.dropdown {
  position: relative;
  margin-top: 35px;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  right: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  font-weight: bold;
}

.show {
  display: block;
}

功能显示菜单（javascript）如下：

showMenu=（）=>{
document.getElementById（'menuDrop'）.classList.toggle（'show'）；
};
window.onclick=（事件）=>{
如果（！event.target.matches（'.dropbtn'））{
let dropdowns=document.getElementsByClassName（'dropdown-content'）；
for（设i=0；i

我注释掉了行-

openDropdown.classList.remove（'show'）

并添加了用于添加/删除活动的

类的脚本


$（文档）.ready（函数（）{
$（“.dropdown内容a”）。单击（函数（）{
$（“.dropdown content a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});    
});
showMenu=（）=>{
document.getElementById（'menuDrop'）.classList.toggle（'show'）；
};
window.onclick=（事件）=>{
如果（！event.target.matches（'.dropbtn'））{
let dropdowns=document.getElementsByClassName（'dropdown-content'）；
for（设i=0；i
。下拉列表{
位置：相对位置；
利润上限：35px；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
溢出：自动；
/*右：0；*/*删除它*/
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉菜单a:悬停{
字体大小：粗体；
}
/*加上*/
.主动{
字体大小：粗体；
}
/*********************/
.表演{
显示：块；
}

菜单
到目前为止您尝试了什么？@WaisKamal nothing，我认为正在使用getElementById，但如何将css更改为粗体？它可以工作，但当href中的导航出现时，粗体将消失。您是否使用ajax跟踪href中的链接？不，我用我尝试的方式更新了我的问题，您能帮我吗？好的。当您跟随链接时，是加载整个dom结构，还是将内容加载到容器中？它加载到容器中，当我跟随链接时不会发生重新加载
showMenu = () => {
        document.getElementById('menuDrop').classList.toggle('show');
      };

      window.onclick = (event) => {
        if (!event.target.matches('.dropbtn')) {
          let dropdowns = document.getElementsByClassName('dropdown-content');
          for (let i = 0; i < dropdowns.length; i++) {
            let openDropdown = dropdowns[i];
            if (openDropdown.classList.contains('show')) {
              openDropdown.classList.remove('show');
            }
          }
        }
      };