关键点:获得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));
参考代码:
1 function fillCity(ele){ 2 var index=ele.selectedOptions[0].innerText; 3 var citysel=document.forms[0].city; 4 if(index!="请选择"){ 5 citysel.options.length=0; 6 citysel.options.add(new Option("请选择",-1)); 7 for(var i=0;i<city[index].length;i++){ 8 citysel.options.add(new Option(city[index][i],i+1)); 9 } 10 } 11 } 12 13 window.onload=function(){ 14 var provinceArr=["江苏","山东","安徽"]; 15 var sel= document.forms[0].sel; 16 for(var t=0;t<provinceArr.length;t++){ 17 sel.options.add(new Option(provinceArr[t],t+1)); 18 } 19 }