在jsp页面中显示选定的文本

Question

您好，我是 JSP 的新手，正在尝试将标题中的选定值显示为动态文本。但是每次我选择它都会显示选项值而不是文本。以下是我尝试过的。

HTML 下拉菜单

<select id="country" name="country_code">
       <option value="1">Puerto Rico</option>
       <option value="63">Philippines</option>
       <option value="others">Others</option>
</select>

JSP 标记

    <%
        String countrycd = request.getParameter("country_code");
        String countryTxt = request.getParameter("country_code");
    %>

这是我的脚本

    <script>
        document.getElementById("country").value = '<% out.print(countrycd); %>';
        var e= document.getElementById("country");
        var str = e.options[e.selectedIndex].text;
        alert(str);
    </script>

这是我的 html 代码，我需要在其中显示所选文本而不是值，例如，如果用户选择菲律宾，它应该显示为菲律宾而不是代码 63

<h2>By Country: <% out.print(countrycd);</h2>

任何帮助都会非常感激！

谢谢。

编辑：

电流输出

在标题中从下拉列表中选择菲律宾：按国家/地区： 63

预期输出：

如果选择了菲律宾，则应从下拉列表中显示

按国家/地区：菲律宾不是 63。

Answer 1

HTML 中选择组件的行为是在发布表单时发送所选选项的值，而不是显示文本。您可以通过以下两种方式之一实现您的目标：

像这样改变选择：

   <select id="country" name="country_code">
       <option value="Puerto Rico">Puerto Rico</option>
       <option value="Philippines">Philippines</option>
       <option value="Others">Others</option>
   </select>

或者，如果该值表示数据库中的国家/地区 id，您可以在发布表单时查找它并以这种方式获取国家/地区名称。

Answer 2

您在标题中显示值。你可以这样做：

<h2>By Country: <span id="countryName"> </span> </h2>

然后你的script 应该是：

<script>
  window.onload = function(){        
    document.getElementById("country").value = '<% out.print(countrycd); %>';
    var e= document.getElementById("country");
    var str = e.options[e.selectedIndex].text;

    document.getElementById("countryName").innerHTML = str;  //This line changed
  };
</script>

我们不使用 JSP 获取国家名称，而是使用 javascript（将其写入 countryName 范围内）

干杯，来自玻利维亚拉巴斯