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

资源名称:使用 script实现下拉框的动态控制 一、前言 下拉框是常用的一种 页面控件。它很简单实用,便于 操作者从 组选项中选择适合的选项。一般的下拉框选项是在 页面编写过程中事先写好的,但有时这样不能满足要求。假设 有两个下拉框,一个是省份,一个是城市。当操作者选择了一个 省份后,希望另一个下拉框的选择能够自动过滤为这个省份的 城市。要达到这种样子,必须实现下拉框的动态控制。常用的下 拉框动态控制是使用 script实现的 是最早由网景公司在其 浏览器中引入 的,后来微软的 也开始支持 script

应用介绍

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

 

一、前言 

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

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

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

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

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

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

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

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

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

二、下拉框的控制 

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

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

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

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

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

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

 

<SELECT NAME=”city”size=lO> 











</SELECT> 

</F0RM>

 

资源截图:

image.png

有价值(0) 没价值(0)

立即下载

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部