Ajax添加省份到下拉框里
2015-08-03 16:48
274 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u011347802/article/details/84735800
一、jsp页面
<select name="province" > <option>请选择省份:</option> </select>
$(function(){ //第一步:创建XMLHttpRequest对象 var xmlhttp; if (window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); } else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } //第二步:调用open() xmlhttp.open("GET","${pageContext.servletContext.contextPath}/cityServlet.do?method=chooseCity",true); //第三步:调用send() xmlhttp.send(); //第四步 xmlhttp.onreadystatechange = function(){ if (xmlhttp.readyState==4){ if(xmlhttp.status==200){ var city = xmlhttp.responseText; var provinces = city.split(","); for(var i = 0 ; i<provinces.length-1 ; i=i+2){ var opt = new Option(provinces[i+1],provinces[i]); $("select[name='province']").append(opt); } }else{ alert("错误"); } } }; });
二、CityServlet.java(继承HttpServlet、重写方法、配置xml)
response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); out.print("01,山西,02,山东,03,河北");
相关文章推荐
- altas(ajax)控件(十四):为下拉控件添加快捷键查找功能的ListSearchExtender
- Jfinal中实现Ajax动态添加下拉框数据
- AJAX应用案例--基于XML,以POST方式,完成二级下拉联动【省份-城市】
- altas(ajax)控件(十四):为下拉控件添加快捷键查找功能的ListSearchExtender
- AJAX完成三级级下拉联动【省份-城市-区域】
- Ajax添加页面与代码(包含富文本框,下拉,多选框,上传图片,日历控件)
- Ajax实现省份-城市二级下拉联动
- SpringMVC中AJAX通过JSONArray向下拉列表中动态添加选项
- AJAX应用案例--基于mysql,以POST方式,完成三级级下拉联动【省份-城市-区域】
- Ajax动态为下拉列表添加数据
- altas(ajax)控件(十四):为下拉控件添加快捷键查找功能的ListSearchExtender
- 对Extjs“Combo with Templates and Ajax”改进(下拉数据中添加图标标识)
- altas(ajax)控件(十四):为下拉控件添加快捷键查找功能的ListSearchExtender
- ajax异步请求的list集合,怎么循环添加到select下拉框中?
- Ajax读取XML实现动态下拉导航
- html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)
- 使用ajax填充下拉框--普通select
- 详解Android ActionBar之二:ActionBar添加Tabs标签和下拉导航
- XlistView上拉刷新下拉加载+轮播+添加头布局
- 小试ajax添加与取消监听事件