<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript" type="text/javascript">
//定义了城市的二维数组，里面的顺序跟省份的顺序是相同的。通过selectedIndex获得省份的下标值来得到相应的城市数组
var city=[
["北京","天津","上海","重庆"],
["南京","苏州","南通","常州"],
["福州","福安","龙岩","南平"],
["广州","潮阳","潮州","澄海"],
["兰州","白银","定西","敦煌"]
];
function getCity(){
//获得省份下拉框的对象
var sltProvince=document.form1.province;
//获得城市下拉框的对象
var sltCity=document.form1.city;
//得到对应省份的城市数组
var provinceCity=city[sltProvince.selectedIndex - 1];
//清空城市下拉框，仅留提示选项
sltCity.length=1;
//将城市数组中的值填充到城市下拉框中
for(var i=0;i<provinceCity.length;i++){
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
}
}
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="form1">
<SELECT NAME="province" onChange="getCity()">
<OPTION VALUE="0">请选择所在省份 </OPTION>
<OPTION VALUE="直辖市">直辖市 </OPTION>
<OPTION VALUE="江苏省">江苏省 </OPTION>
<OPTION VALUE="福建省">福建省 </OPTION>
<OPTION VALUE="广东省">广东省 </OPTION>
<OPTION VALUE="甘肃省">甘肃省 </OPTION>
</SELECT>
<SELECT NAME="city">
<OPTION VALUE="0">请选择所在城市 </OPTION>
</SELECT>
</FORM>
</BODY>
</HTML>
分享到：
相关推荐
在网页设计中，动态下拉列表框是一种常见且实用的功能，它能提升用户体验，使得用户在选择时无需刷新页面即可获取更多选项。本示例主要介绍如何使用AJAX（Asynchronous JavaScript and XML）技术来实现这样的功能。...
一个简单的下拉列表的例子，适合初学者学习，简便通用。
在网页开发中，动态下拉列表是一个常见的交互功能，它能提供用户友好的体验，使得用户可以在一个下拉框中选择值时，另一个下拉框根据前者的选值动态加载相关数据。本实例通过AJAX（异步JavaScript和XML）技术实现了...
在Android开发中，Spinner是一个非常常见的控件，它用于实现下拉列表的功能，可以供用户在多个选项中选择一个。Spinner通常被用在需要简洁、快速的交互场景，比如设置界面或者筛选条件等。本教程将详细介绍如何在...
Excel 多级下拉列表例子 用于在Excel中创建三级下拉列表。
在网页设计中，动态下拉列表的实现是一个关键部分，特别是在构建导航菜单时。这种功能增强了用户体验，使得用户能够更方便地浏览网站的多层次结构。本文将深入探讨如何使用CSS来实现导航菜单的动态下拉列表。 首先...
而“下拉列表二级联动”则是在此基础上的一种高级应用，它允许用户在选择第一个下拉列表的某个选项时，自动更新第二个下拉列表的选项，从而实现更加动态和智能的用户界面。这种技术广泛应用于各种场景，如地区选择...
在这个例子中，我们为下拉列表添加了一个'input'事件监听器，当用户在输入框中输入字符时，函数会遍历所有选项，如果选项的文本以输入值开头，就将该选项设置为选中。 此外，现代前端框架如React、Vue或Angular也有...
在这个例子中，`mySelect`是下拉列表的ID，`option1`、`option2`和`option3`是各个选项的值，而"Option 1"、"Option 2"和"Option 3"是用户看到的文本。 现在，让我们看看如何使用JavaScript来获取选中的选项的值。...
实现这种功能可能需要监听输入事件，对输入的每个字符进行处理，然后动态更新下拉列表的内容。 2. **自定义类对象指定显示字段**：通常，`AutoCompleteTextView`的适配器（如`ArrayAdapter`或`CursorAdapter`）会...
在下拉列表联动的例子中，JavaScript通过Ajax异步地向Servlet发送请求，并接收响应。使用XMLHttpRequest对象或者现代浏览器中的fetch API，JavaScript可以监听下拉列表的改变事件，触发Ajax请求，并在接收到Servlet...
级联下拉列表是一种常见的网页交互元素，常用于如地区选择、分类筛选等场景，它允许用户在选择一个选项后，下一个下拉列表会根据前一个选择动态更新其选项。在这个例子中，我们关注的是使用AJAX和jQuery来实现这种...
动态查询意味着在用户从下拉列表框中选择一个值时，应用程序会根据该选择执行相应的数据库查询。 首先，我们需要确保已经安装了.NET Framework，并且在项目中引用了System.Data.SqlClient命名空间，这是与SQL ...
至于**jQuery多选列表**，jQuery库提供了丰富的DOM操作和事件处理功能，使得动态创建和操作多选下拉列表变得简单。例如，可以使用jQuery插件如`select2`或`multi-select`来增强默认的HTML下拉列表。这些插件提供更...
在网页设计中，下拉列表（Select）是用户界面中常用的一种交互元素，它允许用户在预设的一组选项中进行选择。"绿色下拉列表html"可能指的是使用HTML配合CSS来创建一个具有绿色主题风格的下拉选择框。下面我们将深入...
动态加载下拉列表是指在用户交互时，根据特定条件从服务器端获取数据并填充到前端的下拉框中，而不是在页面加载时一次性预加载所有数据。这种方式可以有效减少页面加载时间，提高用户体验，特别是在数据量较大或数据...
在这个方法里，我们可以设置下拉列表框的选项，比如从枚举类型获取值或者从数据库中动态加载数据。 4. **创建属性信息**： 对于需要使用下拉列表编辑的属性，我们需要创建一个`DescriptionAttribute`来提供属性...
这个例子展示了如何使用Ajax实现下拉列表的级联效果。实际应用中，你可能需要考虑错误处理、数据验证、性能优化（如使用缓存）以及兼容不同浏览器等问题。此外，随着前端框架的发展，现代Web开发中可以使用Vue、...
在vue的实际开发过程中，我们如何将以选中的值直接渲染到页面中，这次主要说的是多选框和下拉列表的实现： 测试多选渲染： <input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item...