js如何实现城市级联菜单

  介绍

小编给大家分享一下js如何实现城市级联菜单,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

js是什么

js是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

具体内容如下

<强>方法一:用开关方法判断。

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> Title</title>   & lt;才能script 类型=拔谋?javascript"比;   ,,,function  changeCity (), {      ,,,,,var  x=[& # 39;牛奶& # 39;,& # 39;豆浆& # 39;,& # 39;油条& # 39;];   ,,,,,console.log (x.join (& # 39; & # 39;));      ,,,,,var  y=(66年33岁,22日,12);   ,,,,,console.log (y.sort ());         ,,,,,//如果选择的是河南,在城市中:,洛阳,,驻马店   ,,,,,//如果选择的是河北,在城市中:,石家庄,,保定   ,,,,,var  province =, . getelementbyid (& # 39; selProvince& # 39;);   ,,,,,var  city =, . getelementbyid (& # 39; selCity& # 39;);   ,,,,,//在添加城市前,先清空上一次添加的城市   ,,,,,city.length =, 1;   ,,,,,switch  (province.value), {   ,,,,,,,case  & # 39;河南省& # 39;:   ,,,,,,,,,var  op1 =, new 选项(& # 39;洛阳& # 39;,,& # 39;洛阳& # 39;);   ,,,,,,,,,var  op2 =, new 选项(& # 39;驻马店& # 39;,,& # 39;驻马店& # 39;);   ,,,,,,,,,city.add (op1, null);   ,,,,,,,,,city.add(《凤凰社》第2章,,空);   ,,,,,,,,,休息;   ,,,,,,,case  & # 39;河北省& # 39;:   ,,,,,,,,,var  op1 =, new 选项(& # 39;石家庄& # 39;,,& # 39;石家庄& # 39;);   ,,,,,,,,,var  op2 =, new 选项(& # 39;保定& # 39;,,& # 39;保定& # 39;);   ,,,,,,,,,city.add (op1, null);   ,,,,,,,,,city.add(《凤凰社》第2章,,空);   ,,,,,,,,,休息;   ,,,,,}   ,,,}   & lt;才能/script>   & lt;/head>   & lt; body>   & lt; form  action=啊? name=癿yform"比;   & lt;才能select  id=皊elProvince", onchange=癱hangeCity(,)“比;   ,,,& lt; option>——选择省份——& lt;/option>   ,,,& lt; option 价值=https://www.yisu.com/zixun/昂幽鲜 ?河南省   <选项值="河北省">河北省      <选择id=" selCity ">   <选项>,选择城市——      

<强>方法二:用如果进行判断。

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> Title</title>   & lt;才能script>   ,,,function  chagecity (), {   ,,,,,var  citylist =, [];   ,,,,,citylist[& # 39;四川省& # 39;],=,(& # 39;成都市& # 39;,,& # 39;郫都区& # 39;];   ,,,,,citylist[& # 39;广东省& # 39;],=,(& # 39;深圳市& # 39;,,& # 39;东莞市& # 39;];   ,,,,,var  provinceV =, . getelementbyid (“province") value;   ,,,,,var  city =, . getelementbyid (“city");   ,,,,,city.length =, 1,,//清除当前城市中的选项//,,,,,,,,for  (var 小姐:citylist拷贝){//,,,,,,,,,,if (小姐:==,provinceV) {//,,,,,,,,,,,,for  (var  j 拷贝citylist[我]){//,,,,,,,,,,,,,,citylist.add (new 选项(citylist[我][j], citylist[我][j]), null);//,,,,,,,,,,,,}//,,,,,,,,,,}//,,,,,,,,}   ,,,,,for  (var 小姐:citylist拷贝),{   ,,,,,,,if (小姐:==,provinceV),{//判断我是不是等中于省的值   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

js如何实现城市级联菜单