javascript - 在jsp页面中另一个选择选项的功能中，在选择html中显示列表

Question

我不知道我的标题是否很好理解，但我想做的是根据另一个选择元素的选择显示一个选择元素选项中的列表。我将它与 jsp 页面和 Map 变量一起使用来获得不同的列表。

jsp 页面如下所示：

<form:select id="typeIndice1" path="typeIndice"  itemLabel="libelle" onchange="run()">
        <form:options items="${listeIndices}" />
    </form:select>


<form:select id="indices" path="indice" itemValue="valeur" itemLabel="libelle" >
        </form:select>

模型属性是“listeIndices”，它是一个带有键的 Map，第二次选择时要显示的数据，以及值，数据的措辞。我知道通常我应该对 Key, Value 进行相反的操作，但要在第一次选择时轻松显示措辞。我在下面有这个脚本：

<script>
function run(){
    var select = document.getElementById("typeIndice1");
    var input = document.getElementById("indices");
    var option = document.createElement("option");
    option.text = select.value;
    input.options.add(option);
}

当在第一个选择上选择一个选项时，运行功能会为第二个选择创建一个新选项，其中包含第一个选择的值，我只有一个选项的完整列表，但我希望每一行都包含一个选项，但我不知道该怎么做。

我也试过：

option.items = select.value; 

代替

option.text = select.value;

但我有一个空白选项。

标签： javascriptjavajspselectjstl