问题描述
我的jsp页面
<script type="application/javascript">
<c:forEach var="bs" items="${subjectOfBookList}">
$("#bSubjectU").val(${bs.subjects.id});
</c:forEach>
</script>
<select id="bSubjectU" multiple style="height: 150px">
<option value="0">Select Subjects</option>
<c:forEach var="sl" items="${subjectList}">
<option value="${sl.id}">${sl.subjectName}</option>
</c:forEach>
</select>
其中 ${subjectOfBookList} 返回我的 servlet。我如何在 select(multiple) 元素中设置所有列表项。现在我只得到最后一个值。我检查了所有返回值,但设置了最后一个值。谢谢!
解决方法
您可以从 js 数组中的 <c:forEach
推送值,然后使用该数组设置下拉列表中选择的多个值。
演示代码:
var arrys = ["1","2"]
$("#bSubjectU").val(arrys);
//uncomment to use below
//var arr =[]
// <c:forEach var="bs" items="${subjectOfBookList}">
//push that value inside arr
//arr.push("${bs.subjects.id}")
//</c:forEach>
//$("#bSubjectU").val(arr);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="bSubjectU" multiple style="height: 150px">
<option value="0">Select Subjects</option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>