spring - 动态响应选择中的变化

Question

我正在构建一个基于 Spring MVC 的 webapp，我将在其中使用几个下拉菜单。

我想要完成的是，当用户选择一个可用选项时，该选项的描述将出现在选择标签旁边。

<select name="userType">
            <c:forEach items="${userTypes}" var="userType">
                <option>${userType.userType}</option>
            </c:forEach>
        </select><br/><br/>

接下来，我想要一个将显示类似内容的字段

${userType.description}

对于下拉列表中的每个选项。

什么是最好的方法来做到这一点？

感谢任何花时间帮助我的人。

Answer 1

这更像是一个 javascript 问题。好吧，您可以在服务器端做到这一点，但这会矫枉过正。

我会使用客户端 javascript 和 jquery，将 html/jsp 更改为

<select id="userType" name="userType">
  <c:forEach items="${userTypes}" var="userType">
    <option value=${userType.description}>${userType.userType}</option>
  </c:forEach>
</select><span id="myDivNextSelectTag></span><br/><br/>

...和jquery

$("#userType").change(function(){
  $("#myDivNextSelectTag").html( $(this).value );
})

可能有一些语法错误，但你应该明白——你可以使用 data html attribute而不是 option value还有。