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             }
  • 相关阅读:
    cmd中编译java
    java出错
    去掉开始菜单中新装程序的红色标记【Windows】
    Windows安装java
    看视频缓冲好还一卡一卡【解决】
    python图像卷积
    电脑硬盘、内存
    python 查询Neo4j多节点的多层关系
    python 快速排序实现
    python 二分法实现
  • 原文地址:https://www.cnblogs.com/pikaqiucode/p/8242251.html
Copyright © 2011-2022 走看看