zoukankan      html  css  js  c++  java
  • 级联下拉菜单

    关键点:获得form(两种方法:1document.forms[0]2document.formName;

            获得option:   select对象.options

    options 属性 length,方法add(),构造newOption(内容,value

    步骤:

    Step1

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

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

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

    Step2

    添加城市的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             }
  • 相关阅读:
    六.Linux其他命令
    五.Linux压缩文件的操作命令(压缩解压)
    sigaction
    log_note log_error log_warning
    SIGHUP
    pthread_create
    semaphore
    getpwuid
    close port
    pthread
  • 原文地址:https://www.cnblogs.com/pikaqiucode/p/8242251.html
Copyright © 2011-2022 走看看