javascript
SSM + AJAX + JSON 动态下拉框
前臺頁面
<%@ page language="java" contentType="text/html; charset=utf-8"
? ? pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>無標題頁</title>
<link rel="stylesheet" type="text/css" href="../Admin/role/css/index.css">
<script type="text/javascript" src="../Admin/role/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript"> ? ?
function click() { ?
? ? ?window.location.href = 'SelectAll.do';
}
$(function() {
$("#projectid").mouseleave(
function() {
var projectid = $("#projectid").val();
alert(projectid);
$.ajax({
url : "selectProject.do",
type : "POST",
dataType : "json",
data : {
projectid : projectid,
},
success : function(data) {
$('#complexid').empty();
$('#complexid').append("<option value=\"\">-------請選擇樓棟-------</option>");
jQuery.each(data.complexList, function(i,item){?
$('#complexid').append("<option value="+ item.cnumber+">"+ item.cnumber+"</option>");
?});?
return false;
? ? ? ? ? ? ? },
? ? ? ? ? ?});
? ? });
});
? ?
</script>
</head>
<body class="mian_bj">
<div class="mian_top_01">
<div class="mian_top_r"></div>
<div class="mian_top_l"></div>
<div class="mian_top_c">
</div>
<form action="addUnit.do" method="post">
<div class="mian_b">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="mian_b_bg_xz">
<tr>
<td width="5%" class="mian_b_bg_lm"> </td>
<td colspan="3" class="mian_b_bg_lm">添加單元信息</td>
</tr>
<tr>
<td> </td>
<td width="7%" valign="top">所屬項目：</td>
<td width="60%">
? <select name="projectid" id="projectid" class="input_01">
? ? ? ? ? <option value="">----------請選擇所屬項目--------</option>
? ? ? ? ? <c:forEach var="project" items="${projectList}">
? ? ? ? ? ? ? <option value="${project.id }">${project.name}</option>
? ? ? ? ? </c:forEach>
?</select>
</td>
<td width="25%"> </td>
</tr>
<tr>
<td> </td>
<td width="7%" valign="top">所屬樓棟：</td>
<td width="60%">
?<select id="complexid" name="complexid" class="input_01">
?</select>
</td>
<td width="25%"> </td>
</tr>
<tr>
<td> </td>
<td width="7%" valign="top">單元編號：</td>
<td width="60%">
<input type="text" class="input_01" name="number" id="number" value=""> </td>
<td width="25%"> </td>
</tr>
<tr>
<td> </td>
<td valign="top">房間數量：</td>
<td>
<input type="text" class="input_01" name="housecount" id="housecount" value=""></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<div align="center">
<input type="submit" ?value="確認" ?>
<input type="button" ?value="取消" οnclick="click()" >
<td> </td>
</tr>
</table>
</div>
</form>
</div>
</body>
</html>
后臺接值
@ResponseBody
@RequestMapping("/selectProject.do")
? ?public String selectProject(HttpServletRequest request,HttpServletResponse response){
? ?Integer ?projectid = Integer.parseInt(request.getParameter("projectid"));
System.out.println("projectid"+projectid);
Map<String, Object> map1 = new HashMap<String, Object>();
map1.put("projectid", projectid);
List<Complex> complexList=complexService.selectByProjectId(map1);
? ?JSONObject json = new JSONObject();
? ?json.put("complexList", complexList);
? ?PrintWriter out;
try {
out = response.getWriter();
out.println(json.toString());?
? ?out.close();?
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}?
return null;
}
注意：需要導入json ?jar ? 包
轉載于:https://www.cnblogs.com/ll0405/p/8280519.html
總結
以上是生活随笔為你收集整理的SSM + AJAX + JSON 动态下拉框的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微服务API模拟框架frock介绍
- 下一篇： ionic 状态栏显示异常 status