使用javascript实现下拉框的动态控制_前端开发教程

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

内容简介：

使用Javaｓｃｒｉｐｔ实现下拉框的动态控制
一、前言
下拉框是常用的一种web页面控件。它很简单实用，便于
操作者从…组选项中选择适合的选项。一般的下拉框选项是在
页面编写过程中事先写好的，但有时这样不能满足要求。假设
有两个下拉框，一个是省份，一个是城市。当操作者选择了一个
省份后，希望另一个下拉框的选择能够自动过滤为这个省份的
城市。要达到这种样子，必须实现下拉框的动态控制。常用的下
拉框动态控制是使用Javaｓｃｒｉｐｔ实现的
JavaSreipt是最早由网景公司在其NetScape浏览器中引入
的，后来微软的IE也开始支持Javaｓｃｒｉｐｔ，并发扬光大。
二、下拉框的控制
在利用Javaｓｃｒｉｐｔ进行实际的开发中，我们发现下拉框的
控制是比较让人烦的，没有现成的Javaｓｃｒｉｐｔ代码可以使用。现
在就和大家重点讨论一下下拉框。主要讨论动态改变下拉框的选项，前提是：
该下拉框是单选，如果是多选需要读者自己修改
部分代码，实现原理一样。
首先．我们看一段下拉框初始化的html代码：

北京<／option> <!--／option-->南京<／option> <!--／option-->上海<／option> <!--／option-->西安<／option> <!--／option-->其他<／option> <／select> <／f0rm><!--／f0rm--><!--／select--><!--／option-->

资源截图：