省市區三級聯動（模板）
阿新 • • 發佈：2019-02-14
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>省市區三級聯動</title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="js/jquery.cityselect.js" ></script>
<script>
$(function(){
$("#city").citySelect({
nodata:"none",
required:false
});
$("#sd2").change(function(){
var a=$(this).val();
alert(a);
});
});
</script>
</head>
<body>
<form action="muji/add" method="post">
<div id="city">
<select class="prov" id="sd2" name ="prov"></select>
<select class="city" disabled="disabled" name ="city"></select>
<select class="dist" disabled="disabled" name ="dist"></select>
</div>
<input type="submit">
</form>
</body>
</html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>省市區三級聯動</title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="js/jquery.cityselect.js" ></script>
<script>
$(function(){
$("#city").citySelect({
nodata:"none",
required:false
});
$("#sd2").change(function(){
var a=$(this).val();
alert(a);
});
});
</script>
</head>
<body>
<form action="muji/add" method="post">
<div id="city">
<select class="prov" id="sd2" name ="prov"></select>
<select class="city" disabled="disabled" name ="city"></select>
<select class="dist" disabled="disabled" name ="dist"></select>
</div>
<input type="submit">
</form>
</body>
</html>