连动下拉菜单

菜单|下拉

<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script LANGUAGE="javascript">
<!--
var onecount;
onecount=0;
   
subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat[1] = new Array("嘉定区","01","002");
subcat[2] = new Array("黄浦区","01","003");
subcat[3] = new Array("南昌市","02","004");
subcat[4] = new Array("九江市","02","005");
subcat[5] = new Array("上饶市","02","006");

onecount=6;

function changelocation(locationid)
    {
    document.myform.smalllocation.length = 0;

    var locationid=locationid;
    var i;
    document.myform.smalllocation.options[0] = new Option('====所有地区====','');
    for (i=0;i < onecount; i++)
        {
            if (subcat[i][1] == locationid)
            {
            document.myform.smalllocation.options[document.myform.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
            }       
        }
       
    }   

//-->
</script>
</head>
<body>
<form name="myform" method="post">
    <select name="biglocation" >
        <option value="01" selected>上海</option>
        <option value="02">江西</option>
    </select>
    <select name="smalllocation">
        <option selected value="">==所有地区==</option>
    </select>
</form>
<script LANGUAGE="javascript">
<!--
    changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);

//-->
</script>
</body>
</html>

时间: 2024-10-27 06:38:03

连动下拉菜单的相关文章

高分跪求无限级连动下拉菜单问题

问题描述 表的结构是这样的:id(主键)TreeParentIDTreeName10aa21aa31aa41aa51aa61aa....我用这种数据结构做了无限级树型菜单(增加,修改,删除).我想把这种数据结构改成无限连动(下拉菜单).有什么好办法吗?最好是无刷新的,高分跪求! 解决方案 解决方案二: 用ajax可以实现的.解决方案三: 可以用JS来实现!!你找找代码!很多的!解决方案四: 非ajax莫属.推荐prototype包装类解决方案五: createtableTree([id]intp

究了一下连动下拉菜单,共享一下,希望有人能继续完善。

菜单|下拉 PHP代码:-------------------------------------------------------------------------------- <html> <head> <title>List</title> <meta http-equiv="Content-Type" content="text/html; charset=??????"> <?if(

基于JavaScript实现单选框下拉菜单添加文件效果_javascript技巧

本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript实现的,具体详情如下所示: 单选框: 实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示. 再通过选项的选择-(每个选项有不同的积分)积分的多少来给出评语 演示代码: <html> <head> <title>DHTML技术演示---radio的使用</title> <meta http-equiv="content-Type"

JavaScript---网络编程(11)--DHTML技术演示(4)-单选框/下拉菜单/添加文件

本节讲述单选框/下拉菜单/添加文件,综合css,html和JavaScript. 单选框: 实现的功能是:(类似平时的性格测试) 先隐藏一部分页面,然后通过点击单选框来显示. 再通过选项的选择-(每个选项有不同的积分)积分的多少来给出评语 演示代码: <html> <head> <title>DHTML技术演示---radio的使用</title> <meta http-equiv="content-Type" content=&q

html 可输入下拉菜单的实现方法

 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <?php echo ' <form name="DDForm" method="GET" action=""> <

浏览器 office2010-安装了office2010后,关于日期的下拉菜单出问题了!

问题描述 安装了office2010后,关于日期的下拉菜单出问题了! 把office更新为office2010后,在使用IE内核的浏览器登陆"商务部二手车交易市场"管理系统中,在点开一个表单填写日期的过程中发现了一个问题,那是一个日期下拉菜单,点开"年"的下拉菜单可以选择,但是在点开"月""日"的下拉菜单时却出现错误,没法显示下拉菜单,经观察所有装有office2010的电脑都有这种现象出现,而2007版本则没有这样的问题,或

php 如何用smarty代码实现二级联动下拉菜单

问题描述 php 如何用smarty代码实现二级联动下拉菜单 在一页面上,如何实现选中一个下拉菜单,同步更新另外一个下拉菜单的值?

用 PHPRPC 实现 Ajax 级联下拉菜单

ajax|菜单|下拉 级联下拉菜单就是从一个下拉菜单中选中一项后,相应的另一个下拉菜单的内容会随之改变. 一般来说,最简单的,就是每次选中都提交一次表单,刷新整个页面.这也是用户体验度最差的. 另一种是把所有选项在第一次加载时就全部载入整个页面中的 javascript 数组中,然后级联通过 JavaScript 来控制,在整个数据量不大时,这是一个不错的实现无刷新并且快速的方法,但是当整个数据量非常大时,这种方法就会使第一次加载变得非常慢了. 还有就是采用 Ajax 方式,即开始只载入第一层菜

用PHPRPC实现Ajax级联下拉菜单

级联下拉菜单就是从一个下拉菜单中选中一项后,相应的另一个下拉菜单的内容会随之改变. 一般来说,最简单的,就是每次选中都提交一次表单,刷新整个页面.这也是用户体验度最差的. 另一种是把所有选项在第一次加载时就全部载入整个页面中的 javascript 数组中,然后级联通过 JavaScript 来控制,在整个数据量不大时,这是一个不错的实现无刷新并且快速的方法,但是当整个数据量非常大时,这种方法就会使第一次加载变得非常慢了. 还有就是采用 Ajax 方式,即开始只载入第一层菜单的内容,当用户选中第