同一JSP页面两个下拉框同时选中时其中一个返回Null问题排查

你遇到的这个问题挺常见的，我帮你梳理下最可能的原因和对应的解决办法：

1. 检查表单的包裹范围 #

从你给出的代码片段来看，uBranch的下拉框被放在了<form>标签里，但要注意两个下拉框必须都被同一个表单完整包裹，同时提交按钮也得在表单内部。如果你的表单标签提前闭合了，或者uBranch的下拉框实际不在表单范围内，就会导致这个参数无法被提交。

正确的结构应该类似这样：

<form action="EmployeeControllerServlet" method="post">
  <!-- 用户类型下拉框 -->
  <tr>
    <td><label>User Type </label></td>
    <td>
      <select name="userType">
        <option value="admin">管理员</option>
        <option value="staff">普通员工</option>
      </select>
    </td>
  </tr>
  <!-- 分支下拉框 -->
  <tr>
    <td><label>Branch </label></td>
    <td>
      <select name="uBranch">
        <option value="shanghai">上海分部</option>
        <option value="beijing">北京分部</option>
      </select>
    </td>
  </tr>
  <!-- 提交按钮必须在表单内 -->
  <tr>
    <td colspan="2">
      <input type="submit" value="确认提交">
    </td>
  </tr>
</form>

2. 核对name属性的拼写和大小写 #

后台你用request.getParameter("uBranch")获取值，那前端<select>的name属性必须和这个参数名完全一致——包括大小写！比如前端如果写成name="ubranch"（小写b），后台用uBranch就会拿到null，因为HTTP参数名是大小写敏感的。

仔细检查你的<select name="uBranch">这一行，确保没有拼写错误。

3. 确认下拉框的option设置了value属性 #

如果你的<option>标签只写了显示文本，没有设置value属性，比如：

<option>上海分部</option>

虽然部分浏览器会把文本内容作为参数值发送，但这不是规范写法，很容易出问题。建议给每个option加上明确的value：

<option value="shanghai">上海分部</option>

4. 快速调试排查 #

你可以用浏览器的开发者工具（按F12打开），切换到Network标签，提交表单后查看请求的参数：

• 如果是GET请求，看URL后的查询参数里有没有uBranch
• 如果是POST请求，看Form Data里有没有uBranch
  如果这里都没有这个参数，说明是前端表单的问题；如果有，再回头检查后台的参数名拼写。

内容的提问来源于stack exchange，提问作者Mateusz Gebroski