在做修改功能的时候难免会用到下拉列表框,就以下面这个为例
<div class="form-group"><label class="col-sm-2 control-label">单位名称:</label> <div class="col-sm-10"> <form:select id="officeid" path="office.id" class="form-control" onchange="getOffice(this);"> <c:forEach items="${officeList}" var="office"> <form:option value="${office.id}" label="${office.name}"/> </c:forEach> </form:select> <%--<select name="office_id">--%> <%--<c:forEach items="${officeList}" var="office">--%> <%--<option value="${office.id}">${office.name}</option>--%> <%--</c:forEach>--%> <%--</select>--%> </div> </div>
$(document).ready(function(){ getOffice("error");}
function getOffice(e) { var officeid = ""; if (e == "error") { officeid = $("#officeid").val(); } else { officeid = $(e).val(); } }我使用的是框架里的form用它的select,这里最重要的是path属性,它包含了ID,name值,因为这里
只用到了ID所以就给了office的ID,foreach是查询所有的部门的遍历,option里value 写office的ID
label写office的名字