jQuery select表单提交省市区城市三级联动
2014-06-08 16:58
781 查看
jQuery select表单提交省市区城市三级联动,引用的是“jquery-1.7.min”类库,地区码查询地区名用数组存在AreaData_min,下面摘要部分代码:
SelectArea.htm文件
程序下载地址:
jquery select表单提交省市区城市三级联动
效果图:
SelectArea.htm文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery select表单提交省市区城市三级联动</title> <script src="jquery-1.7.min.js" type="text/javascript"></script> <script src="Area.js" type="text/javascript"></script> <script src="AreaData_min.js" type="text/javascript"></script> <script type="text/javascript"> $(function (){ initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '44', '0', '0'); }); //得到地区码 function getAreaID(){ var area = 0; if($("#seachdistrict").val() != "0"){ area = $("#seachdistrict").val(); }else if ($("#seachcity").val() != "0"){ area = $("#seachcity").val(); }else{ area = $("#seachprov").val(); } return area; } function showAreaID() { //地区码 var areaID = getAreaID(); //地区名 var areaName = getAreaNamebyID(areaID) ; alert("您选择的地区码:" + areaID + " 地区名:" + areaName); } //根据地区码查询地区名 function getAreaNamebyID(areaID){ var areaName = ""; if(areaID.length == 2){ areaName = area_array[areaID]; }else if(areaID.length == 4){ var index1 = areaID.substring(0, 2); areaName = area_array[index1] + " " + sub_array[index1][areaID]; }else if(areaID.length == 6){ var index1 = areaID.substring(0, 2); var index2 = areaID.substring(0, 4); areaName = area_array[index1] + " " + sub_array[index1][index2] + " " + sub_arr[index2][areaID]; } return areaName; } </script> </head> <body> <label>请选择省市地区:</label></br> <select id="seachprov" name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select> <select id="seachcity" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select> <span id="seachdistrict_div"><select id="seachdistrict" name="seachdistrict"></select></span> <input type="button" value="获取地区" onClick="showAreaID()"/> </body> </html>
程序下载地址:
jquery select表单提交省市区城市三级联动
效果图:
相关文章推荐
- jQuery select表单提交省市区城市三级联动核心代码
- jQuery select表单提交省市区城市三级联动核心代码
- [置顶] jQuery表单省市区城市三级联动
- jquery省市区三级联动插件CitySelect笔记
- 省市区三级联动插件:app-jquery-cityselect.js
- 全国省市区三级城市联动下来选项select插件
- js replace 全局替换 以表单的方式提交参数 判断是否为ie浏览器 将jquery.qqFace.js表情转换成微信的字符码 手机端省市区联动 新字体引用本地运行可以获得,放到服务器上报404 C#提取html中的汉字 MVC几种找不到资源的解决方式 使用Windows服务定时去执行一个方法的三种方式
- jquery 三级菜单(省市区联动菜单)
- jquery省市区三级联动插件,无ajax
- 简单易懂的jquery版三级联动select
- JQuery中国省市区无刷新三级联动查询
- 省市区三级联动[JSON+Jquery]
- 用jQuery实现省市区三级联动(可做插件)
- Jquery省市区三级联动案例
- 全国省市区三级联动(PHP+jQuery)
- JQuery实现省市区三级联动
- jQuery实现select三级联动
- jsp+jquery实现省市区三级联动下拉
- Jquery select 三级联动 (需要JSON数据)
- jquery省市区三级联动