博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX级联菜单
阅读量:4157 次
发布时间:2019-05-26

本文共 2416 字,大约阅读时间需要 8 分钟。

 <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" οnchange="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>

转载地址:http://xfyxi.baihongyu.com/

你可能感兴趣的文章
性能扩展问题要趁早
查看>>
MySQL-数据库、数据表结构操作(SQL)
查看>>
OpenLDAP for Windows 安装手册(2.4.26版)
查看>>
图文介绍openLDAP在windows上的安装配置
查看>>
Pentaho BI开源报表系统
查看>>
Pentaho 开发: 在eclipse中构建Pentaho BI Server工程
查看>>
JSP的内置对象及方法
查看>>
android中SharedPreferences的简单例子
查看>>
android中使用TextView来显示某个网址的内容,使用<ScrollView>来生成下拉列表框
查看>>
andorid里关于wifi的分析
查看>>
Spring MVC和Struts2的比较
查看>>
Hibernate和IBatis对比
查看>>
Spring MVC 教程,快速入门,深入分析
查看>>
Android 的source (需安装 git repo)
查看>>
LOCAL_PRELINK_MODULE和prelink-linux-arm.map
查看>>
Simple Guide to use the gdb tool in Android environment
查看>>
Netconsole to capture the log
查看>>
Build GingerBread on 32 bit machine.
查看>>
How to make SD Card world wide writable
查看>>
Detecting Memory Leaks in Kernel
查看>>