js怎么实现HTML中选择二级联动

  介绍

这篇文章给大家分享的是有关js怎么实现HTML中选择二级联动的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

js是什么

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

<>强效果图

 js怎么实现HTML中选择二级联动

<强>选择后

 js怎么实现HTML中选择二级联动

<强> js代码

& lt; script 语言=癹avascript",类型=拔谋?javascript"比;   ,//定义,费用科目,数据数组   时间=fylxArray 才能;new 数组();   fylxArray才能[0],=,new 数组(““,““);   fylxArray才能[1],=,new 数组(“汽车费用“,“汽油费|过路费|修理费“);   fylxArray才能[2],=,new 数组(“房屋租赁费“,“分公司及办事处房租|宿舍房租|项目房租“);   fylxArray才能[3],=,new 数组(“差旅费用“,“餐费|住宿费|交通费“);   fylxArray才能[4],=,new 数组(“招待费”、“招待费“);   fylxArray才能[5],=,new 数组(“办公费”,“办公用品费|办公费“);   fylxArray才能[6],=,new 数组(“交通费”,“交通费“);   fylxArray才能[7],=,new 数组(“物业费”,“物业费“);   fylxArray才能[8],=,new 数组(“租车费“,“租车费“);   fylxArray才能[9],=,new 数组(“劳务费“,“劳务费“);   fylxArray才能[10],=,new 数组(“通讯费”、“通讯费“);   fylxArray才能[11],=,new 数组(“水费”,“水费“);   fylxArray才能[12],=,new 数组(“电费”、“电费|职工福利费“);   fylxArray才能[13],=,new 数组(“会议费”,“会议费“);   fylxArray才能[14],=,new 数组(“中介服务费”、“审计费|律师费|券商费|其他“);   fylxArray才能[15],=,new 数组(“快递费“,“快递费“);   fylxArray才能[16],=,new 数组(“招聘费”、“招聘费“);   fylxArray才能[17],=,new 数组(“加班餐费”,“加班餐费“);   fylxArray才能[18],=,new 数组(“投标费用“,“投标报名费|购买标书费“);   fylxArray才能[19],=,new 数组(“打印装订费”、“打印费|装订费|文件制作费“);   fylxArray才能[20],=,new 数组(“广告宣传费“,“展位费|广告费|设计费|印刷费“);   fylxArray才能[21],=,new 数组(“中标服务费”、“中标服务费“);   fylxArray才能[22],=,new 数组(“专家咨询费”、“专家咨询费“);   fylxArray才能[23],=,new 数组(“培训费”、“培训费“);   fylxArray才能[24],=,new 数组(“打印费”、“打印费“);   fylxArray才能[25],=,new 数组(“职工福利费”、“职工福利费“);   fylxArray才能[26],=,new 数组(“暖气费“,“暖气费“);   fylxArray才能[27],=,new 数组(“燃气费“,“燃气费“);   fylxArray才能[28],=,new 数组(“产检费”,“产检费“);   fylxArray才能[29],=,new 数组(“生育住院费”,“生育住院费“);   fylxArray才能[30],=,new 数组(“生育津贴“,“生育津贴“);   fylxArray才能[31],=,new 数组(“医疗保险费”、“医疗保险费“);   fylxArray才能[32],=,new 数组(“其他“,“其他“);//才能select 二级联动   function 才能getChild (currFylx) {   ,,,//当前,所选择,的费用类型   ,,,var  currFylx_value =, currFylx.options [currFylx.selectedIndex] value;   ,,,var  currFylxid=currFylx.id.substr (0, 6)   ,,,//清空,费用科目,下拉选单   ,,,//var  currOption=, . getelementbyid (currFylxid + & # 39; _fykm& # 39;)   ,,,var  currOption=,美元(currFylx) .parent () . next()定格()[0]   ,,,currOption.length=0   ,,,for  (var 小姐:=,0,,小姐:& lt; fylxArray.length;我+ +){   ,,,,,//得到,当前费用类型,在,费用科目数组中的位置   ,,,,,如果(fylxArray[我][0]==currFylx_value) {   ,,,,,,,//得到,当前费用类型,下的费用科目   ,,,,,,,var  tmpfykmArray =, fylxArray[我][1].split (“|”)   ,,,,,,,,(var  j=0; jjs怎么实现HTML中选择二级联动