我来帮你搞定这个问题！你现在的下拉菜单是用纯HTML div模拟的，缺少了和URL交互的逻辑，这里有两种简单有效的方案，都能在同一个JSP页面实现需求：

方案一：使用原生<select>标签（推荐） #

原生select标签更适合这种选择场景，代码简洁且易维护，直接通过onchange事件触发页面跳转：

<div id="yeardropdown" class="dropdown" style="margin-top: -60px; float: right; border-radius: 8px;">
    <%-- 先获取当前URL中已选中的财年，用于默认选中 --%>
    <%
    String selectedYear = request.getParameter("financialYear");
    // 如果没有选中值，设置默认值（比如第一个财年）
    if (selectedYear == null && !uniqueValues.isEmpty()) {
        selectedYear = uniqueValues.get(0);
    }
    %>
    <select onchange="window.location.href = 'xyz.jsp?financialYear=' + this.value;">
        <% for (String uniqueFinancialYear : uniqueValues) {%>
            <option 
                value="<%= uniqueFinancialYear %>" 
                <%= uniqueFinancialYear.equals(selectedYear) ? "selected" : "" %>>
                <%= uniqueFinancialYear %>
            </option>
        <%} %>
    </select>
</div>

代码说明： #

• 当用户选择下拉选项时，onchange事件会立即触发，将页面跳转到带financialYear查询参数的当前JSP页面
• 页面加载时会先读取URL中的financialYear参数，让下拉框默认选中之前选择的值，提升用户体验
• 后台可以通过request.getParameter("financialYear")获取选中的财年值进行后续处理

方案二：保留现有Div下拉结构，用JavaScript处理跳转 #

如果你想保留当前的下拉UI样式，可以给每个<a>标签添加点击事件，实现URL跳转：

<div id="yeardropdown" class="dropdown" style="margin-top: -60px; float: right; border-radius: 8px;">
    <button class="dropbtn" style="text-align:center;">选择财年</button>
    <div class="dropdown-content">
        <% for (String uniqueFinancialYear : uniqueValues) {%>
            <a href="javascript:void(0);" onclick="window.location.href = 'xyz.jsp?financialYear=<%= uniqueFinancialYear %>';">
                <%= uniqueFinancialYear %>
            </a>
        <%} %>
    </div>
</div>

代码说明： #

• 给每个财年选项的<a>标签添加onclick事件，点击时跳转到带查询参数的当前页面
• href="javascript:void(0);"是为了阻止<a>标签的默认跳转行为，确保只有我们定义的JS逻辑生效
• 同样可以在页面顶部通过request.getParameter("financialYear")获取选中的参数值

内容的提问来源于stack exchange，提问作者Amrutha Desai