Javascript 选择后如何更新下拉菜单文本？

我有一个下拉菜单

---

HTML

摘要

其中的列表是使用JS动态填充的

---

JS

for（objects.assignments中的变量赋值）{
$（“#dd.下拉列表”）.append（“
组”+赋值+”
）；
//更新文本
$（“#dd.wrapper-dropdown-1.摘要文本”）.text（'Group'+赋值）；
}

我想将“摘要”更改为我选择的任何组。 我不确定我的“摘要”是否一直显示，即使在我选择了任何其他组之后

我希望有人愿意在这里给我一点帮助

---

任何提示/帮助都将不胜感激。

有两种方法可以做到这一点，正确设置选择器：

"#dd.wrapper-dropdown-1 .summary-texts"

（注意，没有空格）

或在“摘要”文本上设置id：

---

并用该ID标识它。

如

#dd

和

一样。wrapper-dropdown-1

位于同一

div

上，您不应将其分开，请尝试

$（“#dd.wrapper-dropdown-1.摘要文本”）.text（'Group'+赋值）for (var assignment in objects.assignments ) {

 $("#dd .dropdown").append('<li><a class="group" id="group-'+assignment+'">Group ' + assignment + '</a></li>');

 //Update the text 
 $("#dd .wrapper-dropdown-1 .summary-texts").text('Group ' + assignment);


}

"#dd.wrapper-dropdown-1 .summary-texts"

<span id="summarytext" class="summary-texts">