如何将JSP页面的Dropdown list值传递到下一个JSP页面的地址栏

以下是两种最常用的实现方案，无需额外依赖，直接在现有代码基础上修改即可：

方式1：使用 GET 类型表单自动提交 #

把下拉列表放在method="get"的表单标签内，提交时会自动把下拉框的名称和选中值拼接到跳转地址的参数中：

• 当前页示例代码：

<form action="nextPage.jsp" method="get">
  <select name="dropdownVal">
    <!-- 此处替换为你从数据库读取生成的option项 -->
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
  </select>
  <input type="submit" value="提交跳转">
</form>

• 提交后跳转地址栏会自动生成格式：nextPage.jsp?dropdownVal=你选中的value值
• 下一页直接调用request.getParameter("dropdownVal")即可拿到传递的参数值

方式2：使用 JavaScript 手动拼接地址跳转 #

如果不需要表单，希望点击按钮/切换下拉选项时直接跳转，可以用JS获取下拉框选中值后拼接到URL中跳转：

• 当前页示例代码：

<select id="myDropdown">
  <!-- 此处替换为你从数据库读取生成的option项 -->
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>
<button onclick="jumpToNext()">跳转</button>

<script>
function jumpToNext() {
  // 获取下拉框选中的value
  let selectedVal = document.getElementById("myDropdown").value;
  // 拼接URL跳转，中文/特殊字符需要用encodeURIComponent编码避免乱码
  window.location.href = "nextPage.jsp?dropdownVal=" + encodeURIComponent(selectedVal);
}
</script>

• 注意：如果下拉值包含中文、空格或特殊字符，必须加encodeURIComponent编码，否则下一页会出现参数乱码问题

内容的提问来源于stack exchange，提问作者Amit Sharma