项目中遇到下拉框搜索带回显,整理一下。
第一种:
jsp页面中
<li><label>商品类型:</label>
<select id="goodType" style="width: 150px;" name="goodType">
<option value="2" <c:if test='${comBase.goodType==2}'>selected="selected"</c:if>>全部</option>
<option value="0" <c:if test='${comBase.goodType==0}'>selected="selected"</c:if>>称重商品</option>
<option value="1" <c:if test='${comBase.goodType==1}'>selected="selected"</c:if>>非称重商品</option>
</select>
<!-- 下拉框搜索带回显 -->
<script type="text/javascript">
document.getElementById("goodType").value = ${selected};
document.getElementById("goodType")[${selected}+1].selected= true;
</script>
</li>
后台controller中
model.addAttribute("selected", comBase.getGoodType());
第二种:
jsp页面中
<li><label>订单状态:</label>
<form:select path="orderType" class="input-medium" id="orderType">
<form:option value="" label="---请选择---"/>
<form:options items="${fns:getDictList('cCityOrderType')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</form:select>
<!-- 下拉框搜索带回显 -->
<script type="text/javascript">
document.getElementById("orderType").value = ${selected};
document.getElementById("orderType")[${selected}+1].selected= true;
</script>
</li>
后台controller中
model.addAttribute("selected", goodBo.getOrderType());