`
jiony
  • 浏览: 183149 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

关于两个Select与a的赋值的JS脚本

阅读更多
<select onchange="showsp(this)">
    <option>请选择需要查看的信息:</option>
    <option value="gd">gz</option>
    <option value="hn">hn</option>
    <option value="hb">hb</option>
    <option value="sc">sc</option>
    <option value="yn">yn</option>
    <option value="fj">fj</option>
 </select>

 <select id="sp" onchange="show(this)">
 </select>
<a id="aa" href="http://www.taiheinfo.net"/>aa
 
<script>
function show(slt){
    if(slt.selected=true){
        document.getElementById("aa").href=slt.value+".html";
    }
}

//利用面向对象的思维定义省份对象
function province(){
    var gd=new Array();
    gd.push("广州","韶关");
    this.gd=gd;
    var hn=new Array();
    hn.push("长沙");
    this.hn=hn;
    var hb=new Array();
    hb.push("武汉");
    this.hb=hb;
    var sc=new Array();
    sc.push("成都");
    this.sc=sc;
    var fj=new Array();
    fj.push("厦门");
    this.fj=fj;
    var yn=new Array();
    yn.push("昆明");
    this.yn=yn;
}

//利用new来创建省份对象
var p=new province();
//显示对应省份的城市
function showsp (sp){
    //清空城市的选择框
    clu();
    //判断是否选择了省份
    if(sp.selected=true){
        //遍历省份的所有城市,并赋值给城市选择框
        for(var i=0;i<p[sp.value].length;i++){
            //创建一个Option
            var oOption = document.createElement("option");
            //将option添加到城市选择框中
            document.getElementById("sp").options.add(oOption);
            document.getElementById("sp").options[0].selected=true;
            //为option赋值
            oOption.innerText =p[sp.value][i];
            oOption.value =p[sp.value][i];
        }
    }
}
function clu()
 {
    //当有城市的时候,就清空
    while(sp.length>0){
          sp.options[0]=null;
      }
  }
</script>
0
1
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics