资源名称：使用Javaｓｃｒｉｐｔ实现下拉框的动态控制 PDF

 

一、前言 

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

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

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

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

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

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

拉框动态控制是使用Javaｓｃｒｉｐｔ实现的 

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

的，后来微软的IE也开始支持Javaｓｃｒｉｐｔ，并发扬光大。 

二、下拉框的控制 

在利用Javaｓｃｒｉｐｔ进行实际的开发中，我们发现下拉框的 

控制是比较让人烦的，没有现成的Javaｓｃｒｉｐｔ代码可以使用。现 

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

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

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

首先．我们看一段下拉框初始化的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

 

资源截图：

image.png

版权声明 1 本网站名称：淘宝源码-分享有价值的资源
2 本站永久网址：http://www.taobaoym.com/
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ956189936进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大都存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 如无特别声明本文即为原创文章仅代表个人观点，版权归《淘宝源码》所有，欢迎转载，转载请保留原文链接。