javascript - 如何在从表单中选择一个选项时填充一些文本字段：选择将项目作为对象列表？

Question

我有一个带有属性 id、name 和 text 的 DTO。我正在生成这些 DTO 的列表并通过 model.addAttribute 将它们发送到我的 JSP 中。在我的jsp中，我正在呈现这样的弹簧列表。

<form:select path="notificationsId" id="notificationsId" name="notificationsId">
     <form:options items="${templateList}" itemValue="notificationsId" itemLabel="notificationName" />
    </form:select>

现在我想用“notificationMessage”在我的页面中填充一个文本框，这是我的 DTO 中的一个属性。当然，我希望显示所选列表项的文本。但问题是我找不到任何方法来做到这一点。我不能在标签上调用一些 javascript 来向函数发送不同的数据。onclick 方法对我没有用，因为每个列表项都有不同的数据。谁能指导我如何解决这个问题？

Answer 1

你会使用 JavaScript。我更喜欢 jQuery，并且会做这样的事情：

<script>
  $(document).ready(function() {
    var dtoMap = new Array();
    <c:forEach items=${yourDtoArray}" var="dto">
      dtoMap['${yourKey}'] = '${yourVal}'
    </c:forEach>
    $('#notificationsId').change(function() {
      $('#notificationMessage').val($('notificationsId').val());
    });
  });
</script>

给予或采取一些摆弄以使零件对齐。