<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>
减小字体
增大字体
相关推荐
全国省市地区连动下拉菜单的核心在于数据结构的处理和JavaScript或jQuery的交互。在ASP中，首先需要获取并整理全国各省市地区的数据，这可能是一个数据库表或者CSV文件，包含省、市、区等地理信息。然后，通过ASP...
在连动下拉中，`<select>`标签用于创建下拉菜单，`<option>`标签定义下拉菜单中的选项。如果要实现多级联动，可以使用多个嵌套的`<select>`标签，每个`<select>`对应一个级别。 2. CSS：CSS负责网页的样式和布局。...
在这个“asp省市县3级连动下拉-无刷新下拉”的项目中，开发者使用了Jquery-AJAX、ASP和Access数据库来构建这一功能。 首先，我们要理解ASP（Active Server Pages）是微软开发的一种服务器端脚本环境，主要用于创建...
联动下拉菜单，又称为级联菜单或连动菜单，是指当用户在一个下拉菜单中选择某个选项时，会触发另一个下拉菜单的显示或更新。这种设计可以有效节省页面空间，提高用户体验，尤其在处理多级分类时。 二、无限级联动的...
在IT行业中，"省市区县四级连动菜单"是一种常见的前端交互设计，它主要用于用户在填写地址信息时，选择所在省份、城市、区县的下拉菜单。这种设计能够简化用户的输入过程，提高数据的准确性，同时保持界面的整洁。在...
在这个案例中，可能有一个JSON对象或者XML文件存储了类别层级关系和相关信息，通过AJAX请求获取这些数据，然后使用JavaScript解析并构建下拉菜单。 为了解析淘宝的JavaScript代码，我们需要了解以下几个关键点： 1...
在JavaScript（js）中实现年月日连动的效果，通常是指在用户选择年份或月份时，下拉框中的日期选项会自动更新，只显示该年份或月份下的有效日期。这种功能在网页表单中常见，用于创建日期选择器，提高用户体验。以下...
该插件的核心思想是利用jQuery的事件监听和DOM操作功能，实现下拉菜单之间的联动效果。当用户在一级菜单（省份）中选择一个选项时，二级菜单（城市）会动态加载与所选省份相关的城市列表；同理，当用户在二级菜单中...
4. **级联下拉菜单**：JavaScript将用于创建级联效果，即选择一个选项后，触发另一个下拉菜单的更新。 5. **HTML和CSS**：城市选择的界面会涉及HTML结构设计和CSS样式布局，确保视觉效果良好且易于使用。 6. **跨...
在给定的文件中，"JS二级连动菜单.html"和"js2级连动.html"很可能是包含实现这一功能的HTML和JavaScript代码示例。通过查看这些文件，我们可以看到实际的代码实现，包括如何组织数据、如何监听事件以及如何操作DOM...
在JSP页面`showinfo.jsp`中，JavaScript代码使用XMLHttpRequest对象发送POST请求，请求携带用户选择的标志（省或市）和值（ID），服务器返回相应的JSON或XML数据，然后JavaScript根据返回的数据更新下拉菜单。...
- 当XML文档准备好后，调用 `createProvince()` 函数创建省级下拉菜单。 - **创建省份函数 `createProvince()`**： - 获取所有 `<province>` 元素。 - 清空省级下拉框。 - 遍历 `<province>` 元素，添加到省级...
HTML负责构建界面，CSS负责美化界面，而JavaScript则用来控制下拉菜单之间的逻辑关系。 #### HTML结构 首先，我们需要创建多个`select`元素，并给它们设置合适的`id`属性以便于通过JavaScript进行操作。 ```html ...
在这个Demo中，JavaScript会找到对应的下拉菜单元素，并修改它们的选项。 3. **事件处理**：JavaScript的事件处理机制是实现用户交互的核心。这里可能涉及到`addEventListener`函数，用于监听用户的点击或选择事件...
在"二级连动无刷新的实现"中，我们主要关注如何在用户做出选择后，不通过页面整体刷新来更新第二个下拉菜单的内容，而是通过异步（通常为AJAX）请求更新数据。 1. **基础概念** - **联动**：联动指的是两个或多个...
3. **HTML和JavaScript**：前端部分，HTML用于构建下拉菜单，而JavaScript用于处理用户的交互，比如改变一个下拉框的值时触发事件，更新关联的下拉框。 4. **AJAX**：为了提供更好的用户体验，可能会用到AJAX...