JS实多级联动下拉菜单类,简单实现省市区联动菜单!

2019-06-02 21:02:30王旭

  }
  while(lastgrade.options.length>0);
  //删除多余选项
  for(i=this.grade-1;i<tempgrade-1;i++){
    obj.removeChild(document.getElementById(this.selectName+i));
  }
  //最得值
  getvalue(this);
}

this.Add=function(obj,s){
  if(s.options.length>0&&!document.getElementById(s.id))obj.appendChild(s);
  }
  //获取选择值
  function getvalue(obj){
    var sel
    obj.text="";
    obj.idvalue=0;
    for(var i=0;i<obj.grade-1;i++){
      sel=document.getElementById(obj.selectName+i);
      if(sel.value!=""){
        obj.text+=(obj.text.match("S")==null?"":obj.listseparator)+sel.options[sel.selectedIndex].text;
        obj.idvalue=sel.options[sel.selectedIndex].value;
        }else{break;}
      }
  }
  //级别显示数据
  function defaultoption(obj,sobj,g){
    try{
      if(obj.noselectshow[g]){
        optionobj=document.createElement("option");
        optionobj.text=obj.noselectshow[g];
        optionobj.value="";
        sobj.options.add(optionobj,0);
        }
      }
      catch(e){}
  }
}

address_test.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>
<script type="text/javascript" src="Address.js"></script>
</body>
</html>