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

Question

我有一个下拉菜单。

HTML

<div id="dd" class="wrapper-dropdown-1" tabindex="1"> <span class="summary-texts">Summary</span>
    <ul class="dropdown">
       <!-- Dynamic List will added here  -->
   </ul>
</div>

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

JS

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);


}

我想将“摘要”更改为我选择的任何组。 即使在我选择任何其他团体之后，我也不确定我的“摘要”会继续显示。

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

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

Answer 1

您可以通过两种方式正确设置选择器：

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

（注意，没有空格）

或在＆＃34;摘要＆＃34;上设置ID文本：

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

并使用该ID识别它。