Question

我想进行动态下拉菜单，但是它不起作用。如何进行这项工作？

cityMap的数据类型

Map<String,List<String>>

HTML：

<div>
    <label>Province</label>
    <div>
        <c:set var="provinces" id="provinces" value="${provinces}"/>
        <form:select path="province" id="province">
            <form:options items="${provinces}"  />
        </form:select>
    </div>
</div>
<div>
    <label>City</label>
    <div>
        <c:set var="cities" id="cities" value="${citiesMap['']}"/>
        <form:select path="city" id="city">
            <form:options items="${cities}"  />
        </form:select>
    </div>
</div>

Javacript：

function changeProv(){
        var province = document.getElementById('province').value;
        document.getElementById("cities").value = '${citiesMap[province]}';
};

我希望输出是所选省份城市的清单。但是输出是'Cannot set property 'value' of null'

Answer 1

我可能是错的，但看起来您正在尝试使用模板文字而不是使用反引号？

例如document.getElementById("cities").value = '${citiesMap[province]}'; 应该是：

document.getElementById("cities").value = `${citiesMap[province]}`;

由于我无法识别标记，因此不确定是否适用于您的应用。

我不能在其他变量中使用javascript变量

1 个答案: