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

[javascript书籍]使用JavaScript实现下拉框的动态控制 PDF 高清版

楼主#
更多 发布于:2012-11-16 13:11

图片:1434291D2b.jpg


使用javaScript实现下拉框的动态控制
一、前言
下拉框是常用的一种web页面控件。它很简单实用,便于
操作者从…组选项中选择适合的选项。一般的下拉框选项是在
页面编写过程中事先写好的,但有时这样不能满足要求。假设
有两个下拉框,一个是省份,一个是城市。当操作者选择了一个
省份后,希望另一个下拉框的选择能够自动过滤为这个省份的
城市。要达到这种样子,必须实现下拉框的动态控制。常用的下
拉框动态控制是使用JavaScript实现的
JavaSreipt是最早由网景公司在其NetScape浏览器中引入
的,后来微软的IE也开始支持JavaScript,并发扬光大。
二、下拉框的控制
在利用JavaScript进行实际的开发中,我们发现下拉框的
控制是比较让人烦的,没有现成的JavaScript代码可以使用。现
在就和大家重点讨论一下下拉框。主要讨论动态改变下拉框的选项,前提是:
该下拉框是单选,如果是多选需要读者自己修改
部分代码,实现原理一样。
首先.我们看一段下拉框初始化的html代码:
<F0RM>
<SELECTNAME=”city”size=lO>
<option value=”010”>北京</option>
<option value=”025”>南京</option>
<optionvalue:”021”>上海</option>
<option value=”029”>西安</option>
<option value:”000”>其他</option>
</SELECT>
</F0RM>



点击下载

喜欢0 评分0
376432297
终身会员
终身会员
  • 注册日期2014-07-08
  • 发帖数1709
  • QQ376432297
  • 火币2065枚
  • 粉丝0
  • 关注0
沙发#
发布于:2017-11-03 10:05
紫轩技术论坛-www.heike123.com

回复(0) 喜欢(0)     评分
游客

返回顶部