/p>

var types="家电,服饰,家具,日用";

var types_str1="电视机,洗衣机,电冰箱,空调|外套,衬衣,大衣,裤子|书桌,书柜,饭桌,衣柜|清洁,洗发,纸品,厨房";

var types_str2="索尼,海信,康佳,飞利浦^海尔,LG,三星^海尔,飞利浦,韩电^格力,美的,海尔,长虹"

+"|"

+"外套1,外套2,外套3,外套4^衬衣1,衬衣2,衬衣3^大衣1,大衣2,大衣3^裤子1,裤子2"

+"|"

+"书桌1,书桌2,书桌3^书柜1,书柜2^饭桌1,饭桌2,饭桌3^衣柜1,衣柜2"

+"|"

+"清洁1,清洁2,清洁3^洗发1,洗发2,洗发3^纸品1,纸品2,纸品3^厨房1,厨房2,厨房3"

var types_id="0,1,2,3";

var types_str_id1="001,002,003,004|101,102,103,104|201,202,203,204|301,302,303,304";

var subtype_ids_str2="0011,0012,0013,0014^0021,0022,0023^0031,0032,0033^0041,0042,0043,0044"

+"|"

+"1011,1012,1013,1014^1021,1022,1023^1031,1032,1033^1041,1042"

+"|"

+"2011,2012,2013^2021,2022^2031,2032,2033^2041,2042"

+"|"

+"3011,3012,3013^3021,3022,3023^3031,3032,3033^3041,3042,3043";

var myform_types=types.split(",");

var myform_types_id=types_id.split(",");

var sub_types1=types_str1.split("|");

var sub_types_id1=types_str_id1.split("|");

var sub_types2=types_str2.split("|");

var sub_types_id2=subtype_ids_str2.split("|");

var index1=0;

var index2=0;

var oGtype=document.getElementById("gtype");

var oGtype_1=document.getElementById("gtype-1");

var oGtype_2=document.getElementById("gtype-2");

initial_select();

function change_select(){

index1 = oGtype.selectedIndex;

var now_subtypes1=sub_types1[index1].split(",");

var now_subtype_id1=sub_types_id1[index1].split(",");

oGtype_1.options.length=0;

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes1[i];

option.value= now_subtype_id1[i];

oGtype_1.appendChild(option);

}

change_select2()

}

function change_select2(){

index2 = oGtype_1.selectedIndex;

var temp_subtypes3=sub_types2[index1].split("^");

var now_subtypes3=temp_subtypes3[index2].split(",");

var temp_subtype_id3=sub_types_id2[index1].split("^");

var now_subtype_id3=temp_subtype_id3[index2].split(",");

oGtype_2.options.length=0;

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes3[i];

option.value= now_subtype_id3[i];

oGtype_2.appendChild(option);

}

}

function initial_select(){

for(var i=0;i

option=document.createElement("option");

option.value = myform_types_id[i];

option.innerHTML = myform_types[i];

oGtype.appendChild(option);

}

var now_subtypes1=sub_types1[0].split(",");

var now_subtype_id1=sub_types_id1[0].split(",");

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes1[i];

option.value= now_subtype_id1[i];

oGtype_1.appendChild(option);

}

var temp_subtypes3=sub_types2[0].split("^");

var now_subtypes3=temp_subtypes3[0].split(",");

var temp_subtype_id3=sub_types_id2[0].split("^");

var now_subtype_id3=temp_subtype_id3[0].split(",");

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes3[i];

option.value= now_subtype_id3[i];

oGtype_2.appendChild(option);

}

}

html地区三级联下拉列表,JS-三级联下拉列表相关推荐

  1. js三级地区选择插件,省市县级联下拉列表

    js三级地区选择插件,省市县级联下拉列表 3级省地市级联菜单,ie/ff 测试通过,支持多个并存,支持事件 demo1为最简单的一份实现,页面id配置需在js文件中写入,适合简单情况 demo2增加了 ...

  2. 电力电子变压器。 整流级采用级联H桥多电平拓扑,由三个H桥模块级联

    电力电子变压器. 整流级采用级联H桥多电平拓扑,由三个H桥模块级联,将工频交流转换为直流,级联多电平可以减小开关器件的电压应力和开关频率. 中间级采用单主动桥和高频隔离变压器. 输出级采用三相逆变器. ...

  3. 交换机的三种连接方式:级联、堆叠和集群

    交换机的连接方式大家应该都知道,一共有三种,分别是:级联.堆叠和集群.今天, 就由飞畅科技的小编来为大家详细介绍下交换机的这三种连接方式及彼此间的区别,感兴趣的朋友就一起来看看吧! 交换机的级联技术一 ...

  4. 电力电子变压器。 整流级采用级联H桥多电平拓扑,由三个H桥模块级联,将工频交流转换为直流

    电力电子变压器. 整流级采用级联H桥多电平拓扑,由三个H桥模块级联,将工频交流转换为直流,级联多电平可以减小开关器件的电压应力和开关频率. 中间级采用单主动桥和高频隔离变压器. 输出级采用三相逆变器. ...

  5. EasyExcel生成带下拉列表或二级级联列表的Excel模版+自定义校验导入数据(附仓库)

    EasyExcel生成带下拉列表或二级级联列表的Excel模版+自定义校验导入数据(附仓库) 目录 EasyExcel生成带下拉列表或二级级联列表的Excel模版+自定义校验导入数据(附仓库) 仓库 ...

  6. Bootstrap入门(三十)JS插件7:警告框

    Bootstrap入门(三十)JS插件7:警告框 通过这个插件可以为警告信息添加点击以及消失的功能. 当使用一个.close按钮,它必须是第一个子元素.alert-dismissible,并没有文字内 ...

  7. JavaScript -- 时光流逝(三):js中的 String 对象的方法

    JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javasc ...

  8. day01 js三种导入html的方法、js书写规范、变量的基本使用、变量提升

    昨天是初学js的第一天,为什么今天才写,我觉得这样可以帮助我复习昨天的知识,加深对js的理解. 我之前学过java的,昨天转入js的学习,对js略有些体会和大家分享下,js刚入门感觉js相对于java ...

  9. vue.js三种安装方式

    Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易于上手 ...

  10. 十分钟,学会使用js三种方法创建本地json数据文件

    前言 在干业务时,需要得到一份全国省市到街道的区划数据,刚好业务中连接了高德地图,高德地图又提供了区划的api,这下只需要把数据写到json里了.什么!你说你还不会用js创建json文件?没关系,只需 ...

最新文章

  1. Deep learning:三十六(关于构建深度卷积SAE网络的一点困惑)
  2. 辞职之后的思考--激励
  3. Angular动态表单生成(八)
  4. 弃繁就简!一行代码搞定 Python 日志!
  5. VTK:图像平面小部件用法实战
  6. python lambda表达式及用法_python lambda表达式简单用法
  7. [转]摧毁一个人可以有多简单
  8. 关闭使用ShellExecute打开的进程
  9. 几何分布的期望和方差公式推导_数学期望、方差、协方差
  10. oracle没有正常启动,Oracledbstart无法正常启动处理办法
  11. 集合点(lr_rendezvous)
  12. macos big sur 11 完整离线安装包v11.5.2正式版
  13. python http通信接口开发
  14. 并联串联混合的电压和电流_正确地把电池串联和并联起来
  15. 微信小程序switch组件尺寸控制
  16. 【容器化部署简介】 基于腾讯云TKE: kubernetes(k8s), github actions, devops
  17. Docker与Dragonfly详细多机部署
  18. 宁向东管理课:自我力
  19. 基于群智能算法的函数最值优化问题
  20. 在外企必会的英文单词

热门文章

  1. 寻找性能更优秀的动态 Getter 和 Setter 方案
  2. 谈谈.NET Core IServiceProvider
  3. ASP.NET Core 3.x启动时运行异步任务(二)
  4. 程序员修神之路--分布式系统设计理念这么难学?
  5. opencv +数字识别
  6. gRPC in ASP.NET Core 3.x -- Protocol Buffer, Go语言的例子(下)
  7. 合集| 21 篇技术文章,带你从零入门 K8s
  8. ASP.NET Core on K8S深入学习(6)Health Check
  9. Git Flow分支策略与Azure DevOps相关功能简介
  10. [译]ASP.NET Core 2.0 带初始参数的中间件