如何使用JavaScript在JSP页面上呈现下拉列表中选定值的属性？

我正在开发一个JavaWeb应用程序，我正在使用SpringMVC和jsp页面

我在做什么： 在jsp页面上，我从控制器接收到一个带有wave对象的arraylist，这些对象被定义为java类（模型），并包含以下属性：名称、开始日期、结束日期

我正在用属性填充arraylist中的下拉元素。波浪对象的名称

<c:forEach var="wave" items="${waveList}" varStatus="iter">         
<option value="${wave.name}">${wave.name}</option>
</c:forEach>    

${wave.name}

问题是： 如何使用从下拉列表中选择的wave的其他属性（startdate、enddate），并在jsp页面上的下拉列表下显示它们，而无需刷新页面

---

我知道我必须使用javascript，但我不懂javascript，我猜实现这一点并不复杂。如果你们能给我答案或者指导我学习教程什么的。。。我会很感激的

您需要使用AJAX查询服务器以从服务器获取额外信息

我认为w3c为AJAX发布了一个很棒的教程，您不需要对JS了解太多

---

在了解了JS和AJAX的基本原理之后，您需要一个框架来完成简单的JS。我建议jQuery:

如果您可以对设计做一些细微的更改，就可以避免额外的HTTP（AJAX）请求

${wave.name}

您可以将结束日期和开始日期存储为带有分隔符（enddate:：startdate）的字符串，而不是value属性中的“name”，并且在JS中，您可以为select定义onclick/onSelect/onChange侦听器来检索所选值

对于Select（HTML）的Javascript代码段：

<option value="${wave.name}">${wave.name}</option>