资源名称:使用Javascript实现下拉框的动态控制 PDF

一、前言

下拉框是常用的一种web页面控件。它很简单实用,便于

操作者从…组选项中选择适合的选项。一般的下拉框选项是在

页面编写过程中事先写好的,但有时这样不能满足要求。假设

有两个下拉框,一个是省份,一个是城市。当操作者选择了一个

省份后,希望另一个下拉框的选择能够自动过滤为这个省份的

城市。要达到这种样子,必须实现下拉框的动态控制。常用的下

拉框动态控制是使用Javascript实现的

JavaSreipt是最早由网景公司在其NetScape浏览器中引入

的,后来微软的IE也开始支持Javascript,并发扬光大。

二、下拉框的控制

在利用Javascript进行实际的开发中,我们发现下拉框的

控制是比较让人烦的,没有现成的Javascript代码可以使用。现

在就和大家重点讨论一下下拉框。主要讨论动态改变下拉框的选项,前提是:

该下拉框是单选,如果是多选需要读者自己修改

部分代码,实现原理一样。

首先.我们看一段下拉框初始化的html代码:

<F0RM

<SELECT NAME=”city”size=lO

<option value=”010”北京</option

<option value=”025”南京</option

<option value:”021”上海</option

<option value=”029”西安</option

<option value:”000”其他</option

</SELECT

</F0RM

资源截图:

使用javascript实现下拉框的动态控制 PDF