本文主要是介绍Ajax添加省份到下拉框里,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、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,河北");
这篇关于Ajax添加省份到下拉框里的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!