html中选择省份城市,省份、城市、区县三级联动Html代码

$(function(){

function objInit(obj){

return $(obj).html("请选择");

}

var arrData = {

江西省:{宜春市: "袁州区,万载县",

品牌1_2: "型号1_2_1,型号1_2_2"},

湖南省:{邵阳市: "邵阳县,型号2_1_2",

品牌2_2: "型号2_2_1,型号2_2_2"},

厂商3:{品牌3_1: "型号3_1_1,型号3_1_2",

品牌3_2: "型号3_2_1,型号3_2_2"},

};

$.each(arrData, function(pF){

$("#selF").append(""+pF+"");

});

$("#selF").change(function(){

objInit("#selT");

objInit("#selC");

$.each(arrData, function(pF, pS){

if($("#selF option:selected").text()==pF){

$.each(pS, function(pT, pC){

$("#selT").append(""+pT+"");

});

$("#selT").change(function(){

objInit("#selC");

$.each(pS, function(pT, pC){

if($("#selT option:selected").text()==pT){

$.each(pC.split(","),function(){

$("#selC").append(""+this+"");

});

}

});

}

});

$("#Button1").click(function(){

var strValue = "您选择的省份:";

strValue += $("#selF option:selected").text();

strValue += " 您选择的城市:";

strValue += $("#selT option:selected").text();

strValue += " 您选择的区县:";

strValue += $("#selC option:selected").text();

$("#divTip").show().html(strValue);

});

})

省份:请选择

城市:请选择

区县:请选择

原文：http://www.cnblogs.com/tuifeideyouran/p/3861770.html

html中选择省份城市,省份、城市、区县三级联动Html代码相关推荐

省份城市区县三级联动html代码,基于Jquery实现省份、城市、区县三级联动
-//W3C//DTD HTML 4.01 Transitional//EN" ";> $(document).ready(function(){ //省份城市数组 var ...
省份城市区县三级联动html代码,JavaScript实现省份城市的三级联动
本文实例为大家分享了js实现省份城市的三级联动的具体代码,供大家参考,具体内容如下效果图: Document select{ width: 80px; margin: 5px; } // 省份数组 ...
【JQuery】使用JQuery实现城市两级或三级联动（下拉菜单）
本文只要是通过使用JQuery实现城市(省.市.县)两级或三级联动,并使用下拉菜单展现.主要的代码如下: 1.在Controller中的代码: @RequestMapping(value=" ...
JAVA EE 中之AJAX 无刷新地区下拉列表三级联动
JSP页面 <html> <head> <meta http-equiv="Content-Type" content="text/html ...
“省份、城市、区县” 三级联动数据
{ "北京市": { "市辖区": ["东城区", "西城区", "朝阳区", "丰台区& ...
省市区县三级联动后台接口设计
1,数据库设计: CREATE TABLE `dc_area_city` ( `id` int(11) NOT NULL AUTO_INCREMENT, `area_id` int(11) D ...
小程序省市区县三级联动选择器（caseCade）
picker组件 <view class="section"><picker mode="region" bindchange="b ...
Android年月日选择,Android日期选择器实现年月日三级联动
最近项目里面用到了一个日期选择器,实现现在主流的WheelView滑动选择,整理了下,做了个Demo.废话不多说,直接上代码. 主布局:activity_main.xml xmlns:tools=&q ...
使用Python实现从CAD中选择多段线并提取坐标
使用Python实现从CAD中选择多段线并提取坐标直接上代码案例 import pythoncom import win32com.clientdef vtpnt(x, y, z=0):return ...

html中选择省份城市,省份、城市、区县三级联动Html代码

html中选择省份城市,省份、城市、区县三级联动Html代码相关推荐

最新文章

热门文章