select下拉框之数据回显_select下拉框的数据回显-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_23145857/article/details/50893670

本文介绍了如何在JSP中实现数据回显，特别是对于select下拉框的选择。关键在于`value="${stcd}"`，这使得在数据回显时能正确显示已选择的值。同时，文章提到了点击查询时，如何通过AJAX与控制器交互，确保表单和图表都加载指定测站编码的数据。通过示例代码展示了JSP、控制器和JavaScript的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

估计这是最简单的一种方法了

setTimeout("$('select#menuLevel').val('${menuLevel}')", 100);

</script>

<td style="width:150px;height:10%;">
<label>测站编码</label>

<select id="stcd" name="stcd" value="${stcd}"> / /value="${stcd}"这个在数据回显的时候非常重要，特别是ajax这样的
<option value="" >请选择</option>

<c:forEach items="${sessionScope.rainstations}" var="item2">

<option value="${item2.stcd}"> ${item2.stcd}</option>

</c:forEach>

</select>
</td>

jsp部分代码：

点击查询同时执行controller里两个方法，下面显示的表单直接执行queryrain方法，上面的图表通过ajax执行rainmnpic方法，这里面涉及到一个问题，那就是点击查询时候的效果和刚开始点击雨量过程线时的结果是一样的，如果没有加value="${}"这项，测站编码始终是先加载到选择，这样刚开始加载时时加载全部数据的，所以当选择测站编码不为空时，下面的表单加载具体的测站编码的数据，而上面的图表加载的是全部的数据。但是加上value="${}"这项后，表单和图表都是同时加载具体选择的测站编码的数据的。故问题就是这样解决的。

controller里：

// 雨情数据查询
@RequestMapping(value = "queryrain")
public ModelAndView reservoirservice(
@RequestParam(value = "stcd", required = false, defaultValue = "") String stcd,
@RequestParam(value = "pageIndex", required = false, defaultValue = "0") Integer pageIndex,
@RequestParam(value = "pageSize", required = false, defaultValue = "10") Integer pageSize,
HttpServletRequest request, HttpServletResponse response) {
HashMap queryParams = new HashMap();
PageInfo pageInfo = new PageInfo();
queryParams.put("stcd", stcd);
queryParams.put("pageInfo", pageInfo);

int totalRow = queryrainService.queryRaincount(queryParams);

pageInfo.setPageSize(5);

pageInfo.setTotalRow(totalRow);
pageInfo.setTotalPageSize((int)Math.ceil(totalRow*1.0/pageInfo.getPageSize()));
pageInfo.setStartPageIndex(pageIndex);
pageInfo.setResult(queryrainService.queryRain(queryParams));
PageUtils.set(pageInfo, "queryrain.do", queryParams);
request.getSession().setAttribute("rainstations", stationservice.queryStation(null));

return new ModelAndView("queryrain", queryParams);

}

// 加载雨量数据图表
@RequestMapping(value = "rainmnpic")
public void rainmnpic(//@RequestParam(value = "stcd", required = false, defaultValue = "") String stcd,
HttpServletRequest request, HttpServletResponse response) {
Map<String, Object> queryParams = new HashMap<String, Object>();
String stcd=request.getParameter("stcd");
JSONObject json = new JSONObject();
if(stcd.equals("quanbu")|isNull(stcd)){

json.put("data", queryrainService.queryRain(null));

}else{
queryParams.put("stcd", stcd);
json.put("data", queryrainService.queryRain(queryParams));
}
System.out.println("json:"+json);
try {
response.setCharacterEncoding("utf-8");
response.setContentType("text/html; charset=utf-8");
PrintWriter out = response.getWriter();
json.put("status", "1");
json.put("info", "查询成功!");
out.write(json.toString());

} catch (IOException e) {
logger.error(e.getLocalizedMessage());
}
return ;
}

js里面的部分代码：

数据回显，就是把查询条件先给controller然后再返回到jsp里：

jsp:

contorller:

if(!isNull(tmbegin1)){
queryParams.put("tmbegin", tmbegin1);
}else{
queryParams.put("tmbegin", nowtime1);

}
if (!isNull(tmend1)){
queryParams.put("tmend", tmend1);
}else{
queryParams.put("tmend", nowtime2);

}