ajax+js省市联动
来源:互联网 发布:开淘宝网店在哪进货 编辑:程序博客网 时间:2024/04/30 15:59
********************js********************
<script type="text/javascript">
var xmlHttp;
function createHttp()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp = new XMLHttpRequest();
}
}
function getCities()
{
var url = "${base}/cms/action/agencyRegister!showCity.action?id="+document.getElementById("province").value;
createHttp();
xmlHttp.onreadystatechange=showRes;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function showRes()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
addCity();
}
}
}
function addCity(){
var citys = document.getElementById("city");
clearOptions(citys);
var txt = xmlHttp.responseText;
var res;
eval('res=' + txt);
$.each(res, function(i) {
var opt = document.createElement("option");
opt.text=res[i].NAME;
opt.value=res[i].CODE;
citys.options.add(opt);
});
}
function clearOptions(citys)
{
for( var i=citys.options.length;i>-1;i--)
{
citys.options.remove(i);
}
}
********************html*******************
<select class="inpu1 w150" id="province" name="provinceCode.code" onchange="getCities()"><#--省市这里涉及到直辖市的问题得改一改-->
<option value="">--省--</option>
<#list provinceList as province>
<option value="${province.CODE}">${province.NAME}</option>
</#list>
</select>
<span class="lianjiexian">-</span>
<select class="inpu1 w150" id="city" name="cityCode.code">
<option value="">--市--</option>
</select>
********************后台***********************
/**
* 获取城市
* @return
*/
public String showCity(){
ActionContext ctx = ActionContext.getContext();
HttpServletRequest request = (HttpServletRequest)ctx.get(ServletActionContext.HTTP_REQUEST);
String provinceId = request.getParameter("id");
List<CityEntity> cityList = agencyRegisterService.getCity(provinceId);
JsonConfig jsonConfig = new JsonConfig();
JSONArray jsonArray = JSONArray.fromObject(cityList, jsonConfig);
return ajaxJson(jsonArray.toString());
}
<script type="text/javascript">
var xmlHttp;
function createHttp()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttp = new XMLHttpRequest();
}
}
function getCities()
{
var url = "${base}/cms/action/agencyRegister!showCity.action?id="+document.getElementById("province").value;
createHttp();
xmlHttp.onreadystatechange=showRes;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function showRes()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
addCity();
}
}
}
function addCity(){
var citys = document.getElementById("city");
clearOptions(citys);
var txt = xmlHttp.responseText;
var res;
eval('res=' + txt);
$.each(res, function(i) {
var opt = document.createElement("option");
opt.text=res[i].NAME;
opt.value=res[i].CODE;
citys.options.add(opt);
});
}
function clearOptions(citys)
{
for( var i=citys.options.length;i>-1;i--)
{
citys.options.remove(i);
}
}
</script>
********************html*******************
<select class="inpu1 w150" id="province" name="provinceCode.code" onchange="getCities()"><#--省市这里涉及到直辖市的问题得改一改-->
<option value="">--省--</option>
<#list provinceList as province>
<option value="${province.CODE}">${province.NAME}</option>
</#list>
</select>
<span class="lianjiexian">-</span>
<select class="inpu1 w150" id="city" name="cityCode.code">
<option value="">--市--</option>
</select>
********************后台***********************
/**
* 获取城市
* @return
*/
public String showCity(){
ActionContext ctx = ActionContext.getContext();
HttpServletRequest request = (HttpServletRequest)ctx.get(ServletActionContext.HTTP_REQUEST);
String provinceId = request.getParameter("id");
List<CityEntity> cityList = agencyRegisterService.getCity(provinceId);
JsonConfig jsonConfig = new JsonConfig();
JSONArray jsonArray = JSONArray.fromObject(cityList, jsonConfig);
return ajaxJson(jsonArray.toString());
}
0 0
- ajax+js省市联动
- js的ajax做的省市联动
- Ajax联动实现省市联动
- ajax pro省市联动
- ajax省市县联动
- jquery AJAX 省市联动
- AJAX实现省市联动
- 省市联动 ajax
- 省市联动ajax代码
- AJAX实现省市联动
- ajax 省市联动 代码
- 4. AJAX 省市联动
- 省市联动 json ajax
- ajax写省市联动
- php+js+ajax+mysql实现省市三级联动
- JS省市联动菜单
- js省市联动
- js实现省市联动
- hdu-1796-How many integers can you find(容斥)
- 通俗理解并发和并行的区别
- ORACLE连接服务器失败,无法使用oci连接其它电脑的 ORACLE服务器等,oci 接口c++封装。
- delete the element of array
- open函数和fopen函数的区别
- ajax+js省市联动
- HDU 5458 Stability(树链剖分缩点并查集)
- 使用JavaMail SearchTerm 搜索邮件
- C++ static、const和static const类型成员变量声明以及初始化
- 【bzoj1071】[SCOI2007]组队
- python基础:Json的dumps和loads
- BZOJ1076 [SCOI2008]奖励关
- shareSDK分享微信分享不了
- Spring In Action 05 ---渲染Web视图