Как обновить текст выпадающего меню после выбора?

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" 

(примечание, нет пространства)

или установить идентификатор на "Резюме" Текст:

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

и идентифицировать его с этим идентификатором.