`

连动下拉菜单(js)

    博客分类:
  • js
阅读更多
 <script language="javascript" type="text/javascript"></script> <!---->

连动下拉菜单

作者:佚名 来源:不详 发布时间:2006-7-21 9:51:04 发布人:admin

减小字体 增大字体

<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" onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
        <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>



分享到:
评论

相关推荐

    asp写的 全国省市地区连动下拉菜单

    全国省市地区连动下拉菜单的核心在于数据结构的处理和JavaScript或jQuery的交互。在ASP中,首先需要获取并整理全国各省市地区的数据,这可能是一个数据库表或者CSV文件,包含省、市、区等地理信息。然后,通过ASP...

    连动下拉

    在连动下拉中,`&lt;select&gt;`标签用于创建下拉菜单,`&lt;option&gt;`标签定义下拉菜单中的选项。如果要实现多级联动,可以使用多个嵌套的`&lt;select&gt;`标签,每个`&lt;select&gt;`对应一个级别。 2. CSS:CSS负责网页的样式和布局。...

    asp省市县3级连动下拉-无刷新下拉

    在这个“asp省市县3级连动下拉-无刷新下拉”的项目中,开发者使用了Jquery-AJAX、ASP和Access数据库来构建这一功能。 首先,我们要理解ASP(Active Server Pages)是微软开发的一种服务器端脚本环境,主要用于创建...

    支持无限级的联动下拉菜单

    联动下拉菜单,又称为级联菜单或连动菜单,是指当用户在一个下拉菜单中选择某个选项时,会触发另一个下拉菜单的显示或更新。这种设计可以有效节省页面空间,提高用户体验,尤其在处理多级分类时。 二、无限级联动的...

    省市区县四级连动菜单

    在IT行业中,"省市区县四级连动菜单"是一种常见的前端交互设计,它主要用于用户在填写地址信息时,选择所在省份、城市、区县的下拉菜单。这种设计能够简化用户的输入过程,提高数据的准确性,同时保持界面的整洁。在...

    淘宝javascript类别多级下拉连动解析和改进

    在这个案例中,可能有一个JSON对象或者XML文件存储了类别层级关系和相关信息,通过AJAX请求获取这些数据,然后使用JavaScript解析并构建下拉菜单。 为了解析淘宝的JavaScript代码,我们需要了解以下几个关键点: 1...

    js 实现年月日连动

    在JavaScript(js)中实现年月日连动的效果,通常是指在用户选择年份或月份时,下拉框中的日期选项会自动更新,只显示该年份或月份下的有效日期。这种功能在网页表单中常见,用于创建日期选择器,提高用户体验。以下...

    jquery 省市区连动菜单

    该插件的核心思想是利用jQuery的事件监听和DOM操作功能,实现下拉菜单之间的联动效果。当用户在一级菜单(省份)中选择一个选项时,二级菜单(城市)会动态加载与所选省份相关的城市列表;同理,当用户在二级菜单中...

    省市连动纯Js版

    4. **级联下拉菜单**:JavaScript将用于创建级联效果,即选择一个选项后,触发另一个下拉菜单的更新。 5. **HTML和CSS**:城市选择的界面会涉及HTML结构设计和CSS样式布局,确保视觉效果良好且易于使用。 6. **跨...

    javascript实现二级连动

    在给定的文件中,"JS二级连动菜单.html"和"js2级连动.html"很可能是包含实现这一功能的HTML和JavaScript代码示例。通过查看这些文件,我们可以看到实际的代码实现,包括如何组织数据、如何监听事件以及如何操作DOM...

    短信发送平台Demo js多级连动.

    在这个Demo中,JavaScript会找到对应的下拉菜单元素,并修改它们的选项。 3. **事件处理**:JavaScript的事件处理机制是实现用户交互的核心。这里可能涉及到`addEventListener`函数,用于监听用户的点击或选择事件...

    二级连动实现

    在"二级连动无刷新的实现"中,我们主要关注如何在用户做出选择后,不通过页面整体刷新来更新第二个下拉菜单的内容,而是通过异步(通常为AJAX)请求更新数据。 1. **基础概念** - **联动**:联动指的是两个或多个...

    asp省市县三级连动下拉框带数据库

    3. **HTML和JavaScript**:前端部分,HTML用于构建下拉菜单,而JavaScript用于处理用户的交互,比如改变一个下拉框的值时触发事件,更新关联的下拉框。 4. **AJAX**:为了提供更好的用户体验,可能会用到AJAX...

    纯JS地区选择 三级 下拉框 连动选择

    "纯JS地区选择 三级 下拉框 连动选择"是一个典型的任务,它涉及到JavaScript(JS)的使用来实现一个动态的、三级联动的地区选择下拉菜单。这个功能在许多网站上都很常见,比如在线购物平台、快递跟踪系统或个人信息...

    学习资料(登陆页面)

    连动式菜单(也称为下拉菜单或级联菜单)是用户界面设计中的一个重要元素,它提供了一种组织大量导航选项的方式,使得用户能够更有效地浏览网站内容。在ASP.NET中,可以使用`TreeView`控件或者通过CSS和JavaScript...

    网页省市连动

    3. **JavaScript代码**:绑定事件监听器到省份下拉菜单,当用户选择省份时触发事件。 ```javascript document.getElementById('province').addEventListener('change', function() { // 获取选中的省份 var ...

    ASP三级联动1个表(带后台)

    在ASP中,三级联动通常指的是在一个下拉菜单中,选择一个选项后,第二个下拉菜单会根据第一个的选择自动更新,而当第二个选项选定后,第三个下拉菜单也会相应地更新。这种方式常用于地区选择、类别筛选等场景,可以...

    iosSelect.js 五级联动(最多支持六级联动)

    "iosSelect.js"是一个专为实现多级联动选择效果而设计的库,尤其适用于创建具有省市区县乡村五级分类的下拉菜单。这样的功能在地理信息系统、电子商务网站或者需要用户输入详细地址的场景中非常常见。下面我们将详细...

Global site tag (gtag.js) - Google Analytics