AJAX级联菜单

 <script>
<!-- 该行用来隐藏那些不支持javacript的浏览器显示javascript代码

  var fly_ca_show = new Array();//构造新数组
  var fly_ca_value = new Array();
  var fly_detail_show = new Array();
  var fly_detail_value = new Array();
  fly_ca_show[0]='中国';
  fly_ca_value[0]='0100';
  fly_detail_show[0]=new Array();
  fly_detail_value[0]=new Array();
  fly_detail_show[0][0]='上海';
  fly_detail_value[0][0]='0101';
  fly_detail_show[0][1]='北京';
  fly_detail_value[0][1]='0102';
  fly_detail_show[0][2]='广州';
  fly_detail_value[0][2]='0103';
  fly_ca_show[1]='美国';
  fly_ca_value[1]='0200';
  fly_detail_show[1]=new Array();
  fly_detail_value[1]=new Array();
  fly_detail_show[1][0]='纽约';
  fly_detail_value[1][0]='0201';
  fly_detail_show[1][1]='华盛顿';
  fly_detail_value[1][1]='0202';
  fly_detail_show[1][2]='加州';
  fly_detail_value[1][2]='0203';
  fly_ca_show[2]='英国';
  fly_ca_value[2]='0300';
  fly_detail_show[2]=new Array();
  fly_detail_value[2]=new Array();
  fly_detail_show[2][0]='伦敦';
  fly_detail_value[2][0]='0301';
  fly_detail_show[2][1]='利物浦';
  fly_detail_value[2][1]='0302';
  fly_detail_show[2][2]='伯明翰';
  fly_detail_value[2][2]='0303'; 
 
 
  function Do_po_Change(form){
        var n, i, m;       
        m = document.flyform.caselect.selectedIndex;//获得caselect所选项的index
        n = document.flyform.deselect.length;//获得deselect的option的数目
        for(i = n - 1; i >= 0; i--)
                document.flyform.deselect.options[i] = null;//把所有的option清除

        if (m>=0) {
            for(i = 0; i < fly_detail_show[m].length; i++){
                //循环构造很多option,然后放在指定的option中
     document.flyform.deselect.options[i] = new Option(fly_detail_show[m][i], fly_detail_value[m][i]);
            }//new Option(show,value)可以构造一个一个的option
            document.flyform.deselect.options[0].selected = true;//设置选择项目为第一个
        }
}


function alertdave(){

   alert("这是个测试");

}

function popwin(url)

{

var popupwindow = open(url, "popupwindow", "width=350,height=225");

}


//--> 
</script>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>级联菜单</title>
<link href="listcss/css.css" rel="stylesheet" type="text/css">
</head>

<BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<div align="center">
<h2>级联菜单</h2>
<form action="" method="post" name="flyform" id="flyform" >
    <p>
      <select name="caselect" id="caselect" style="width:80" onchange="return Do_po_Change(this)";>
        <option value="0100">中国</option>
        <option value="0200">美国</option>
        <option value="0300">英国</option>
      </select>
      <select name="deselect" id="deselect" style="width:150 ">
      </select>
</form>
</div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值