Javascript 使用下拉内容中的clicked选项值更改dropbtn文本

我需要帮助找出如何改变按钮文本与任何下拉菜单项点击。我试图使用onclick，但我不知道如何使它工作。我的教授建议使用class属性jquery click（）和attr（）方法。你能给出的任何建议或提示都会很有帮助。我愿意使用不同类型的下拉菜单，但它必须是一个滚动的悬停下拉菜单，而不是显示完整的列表

.dropbtn{
背景色：#4CAF50；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉内容a:悬停{背景色：#ddd；}
.dropdown:hover.dropdown内容{display:block；}
.dropdown:hover.dropbtn{背景色：#3e8e41；}
.强制卷轴{
溢出y：滚动；
高度：200px；
}
订购
简

在myFunction中，您可以通过单击元素textContent来更改按钮的textContent

事件监听器 我建议对按钮使用eventListeners，而不是使用内联脚本

.addEventListener('click', myFunction);

//将事件侦听器添加到所有

使用固定：
在a harf中创建函数和调用函数并发送值

.dropbtn{
背景色：#4CAF50；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉列表内容a：悬停{
背景色：#ddd；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景色：#3e8e41；
}
.强制卷轴{
溢出y：滚动；
高度：200px；
}
订购
简
让mydiv=document.getElementById（'main'）；
get_onclick=（数字）=>
{
document.getElementById（“月”）.innerHTML=mydiv.children[number].textContent；
}

谢谢！这很有效。另外，谢谢你调整我的间距！请不要将

e

用于

el

-

e

始终被视为事件的短码-在您的特定情况下，根本不需要使用

此

。用户体验也很糟糕。另外，

x.addEventListener（'click'，myFunction）

，因为您没有使用Arrow函数。您不需要任何参数，只需执行

=this.textContent

-这就是

addEventListener

的工作方式-默认情况下，

this

绑定到元素。如果您真的想要细粒度控制，您可以始终从事件本身提取目标：

const EL=ev.currentTarget

。此外，请注意，为文档中的每个锚点指定单击并不明智。在单个类元素上使用

querySelector

，也可能导致误报或意外行为。使用

#月

而不是。。。但即使比。。。它不够灵活-如果多个元素在同一个页面上。@RokoC.Buljan true，有很多我没有考虑的，我更新了它，使用id和classname，因为它更适合于在*属性处理程序上使用内联

，希望不要使用内联
样式
属性。JS应该只在一个地方，那就是你的
脚本。另外
getonclic
-请使用驼色箱子或蛇形箱子。“clic”也叫“点击”。好的，我会听从你的建议，谢谢
.addEventListener('click', myFunction);