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             }
  • 相关阅读:
    教你彻底弄懂JS中this的指向
    js-原型,原型链
    Firefox SyntaxError: invalid regexp group ChunkLoadError: Loading chunk task-show-task-show-module failed.
    什么是标签语义化?标签语义化有什么意义?
    什么是事件委托?jquery和js怎么去实现?
    express框架
    es6
    node搭建服务器
    node内容
    ajax面试题
  • 原文地址:https://www.cnblogs.com/pikaqiucode/p/8242251.html
Copyright © 2011-2022 走看看