级联下拉菜单

 

关键点：获得form（两种方法：1，document.forms[0]； 2，document.formName;）

        获得option:   select对象.options

options 属性 length，方法add（），构造newOption（内容，value）

 

步骤：

Step（1）

Onload加载函数：添加省份，准备一个省份的数组var provinceArr=["江苏","山东","安徽"];

                 遍历数组，添加option,关键点:

                 document.forms[0].sel.options.add(new Option(provinceArr[1],1+1));

Step（2）

添加城市的function fillCity(ele)，要点：

拿到省份的key值：var index=ele.selectedOptions[0].innerText;   

清空原来的选项：citysel.options.length=1; citysel.options.add(new Option("请选择",-1));    

遍历对应的省份，添加城市： citysel.options.add(new Option(city[index][i],i+1));

        

 

 

 

参考代码：

 

function fillCity(ele){
                var index=ele.selectedOptions[0].innerText;
                var citysel=document.forms[0].city;
                if(index!="请选择"){            
                    citysel.options.length=0;
                    citysel.options.add(new Option("请选择",-1));
                    for(var i=0;i<city[index].length;i++){
                        citysel.options.add(new Option(city[index][i],i+1));
                    }                
                }
            }
            
            window.onload=function(){
                var provinceArr=["江苏","山东","安徽"];
                var sel= document.forms[0].sel;
                for(var t=0;t<provinceArr.length;t++){
                    sel.options.add(new Option(provinceArr[t],t+1));
                }
            }