灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:3331回复:0

[javascript书籍]使用JavaScript实现下拉框的动态控制.pdf版

楼主#
更多 发布于:2012-09-12 19:54

图片:20120815040128228.png

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

一、前言

下拉框是常用的一种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>

点击下载


喜欢0 评分0
游客

返回顶部