在jsp（bootstrap dropdown）的下拉列表中显示选定的值

Question

我有一个JSP页面，说xyz.jsp。它有一个下拉菜单（Bootstrap下拉菜单），列出了财务年度。我将所选的选项传递给URL查询字符串。我也希望所选的选项显示为下拉按钮的标题。

我既可以传递查询字符串，也可以在下拉按钮上显示所选的选项，但两者同时发生。

<div id="yeardropdown" class="dropdown" style="margin-top: -60px; float: right; border-radius: 8px;">
  <button class="dropbtn" style ="text-align:center;"><span id="selected">Year</span><span class="caret"></span></button>
   <ul class="dropdown-content">
  <% for (String uniqueFinancialYear :uniqueValues) {%>
   <li> <a><%= uniqueFinancialYear %></a></li>
    <%} %>
    </ul>
  </div>

这是我的代码，用于发送选定的选项以查询字符串及其成功运行：

  $('.dropdown-content a').on('click', function() {
window.location.href = window.location.href.split('?')[0] + "?year=" + this["innerHTML"];
    });

这是我尝试用于将所选选项显示为下拉按钮标题的代码：

$('.dropdown-content a').click(function(){
    $('#selected').text($(this).text());
 });

我想将选定的下拉选项传递给查询字符串，并在下拉按钮上显示选定的选项。