在Servlet中获取HTML表单下拉框选中项的显示文本

默认情况下，Servlet的getParameter()方法只能拿到<option>标签里value属性的值，没办法直接获取显示文本（比如test val 1）。不过有几种可行的解决方案，我给你列出来：

• 服务器端维护映射关系（最推荐）
  你可以在Servlet或者后端的配置里，把下拉选框的value和对应的显示文本做成一个映射表（比如用HashMap）。这样拿到前端传过来的value后，直接从映射表里取对应的文本就行。这种方法的好处是数据存在服务器端，不容易被前端篡改，安全性更高。

  示例代码：

  // 初始化映射表，实际项目里可以存在数据库、配置文件或者常量类里
  Map<String, String> optionMapping = new HashMap<>();
  optionMapping.put("101", "test val 1");
  optionMapping.put("102", "test val 2");
  optionMapping.put("103", "test val 3");
  
  // 获取前端选中的value
  String selectedValue = request.getParameter("myselect");
  // 通过value获取对应的显示文本
  String selectedText = optionMapping.get(selectedValue);
  

• 在value中同时存储value和文本
  你可以修改<option>的value属性，把value和显示文本用一个不会冲突的分隔符（比如|）拼在一起，然后在Servlet里拆分这个值。不过要注意，如果你显示的文本里可能包含这个分隔符，就不能用这种方法了。

  修改后的HTML：

  <select name="myselect">
    <option value="101|test val 1">test val 1</option>
    <option value="102|test val 2">test val 2</option>
    <option value="103|test val 3">test val 3</option>
  </select>
  

  Servlet处理代码：

  String combinedValue = request.getParameter("myselect");
  if (combinedValue != null && combinedValue.contains("|")) {
      // 只拆分成两部分，避免文本里有分隔符的情况
      String[] parts = combinedValue.split("\\|", 2);
      String value = parts[0];
      String displayText = parts[1];
      // 这里就拿到了显示文本
  }
  

• 用JavaScript把文本存入隐藏域
  你可以在表单提交前，用JavaScript获取选中项的显示文本，把它放到一个隐藏的input字段里，然后Servlet直接读取这个隐藏域的值。这种方法适合前端逻辑比较简单的场景。

  修改后的HTML：

  <form onsubmit="passSelectedText()">
    <select name="myselect" id="mySelect">
      <option value="101">test val 1</option>
      <option value="102">test val 2</option>
      <option value="103">test val 3</option>
    </select>
    <input type="hidden" name="selectedDisplayText" id="selectedTextInput">
    <button type="submit">提交</button>
  </form>
  

  JavaScript代码：

  function passSelectedText() {
      const selectEl = document.getElementById('mySelect');
      const selectedText = selectEl.options[selectEl.selectedIndex].text;
      document.getElementById('selectedTextInput').value = selectedText;
  }
  

  Servlet里获取：

  String selectedText = request.getParameter("selectedDisplayText");
  

总的来说，第一种服务器端映射的方法是最稳妥的，尤其是在数据需要保证准确性和安全性的场景下。后面两种方法可以根据你的实际需求来选择。

内容的提问来源于stack exchange，提问作者muhammed aslam