Javascript实现二级联动下拉框(简单易懂)
来源:互联网 发布:windows 图形界面 编辑:程序博客网 时间:2024/05/16 14:00
这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单。这里使用了javascript来联动第二级下拉框。
这段代码比较简单。
如果对js不大熟悉,可以看看下面关于js处理select对象的内容:
1、使用selectedIndex属性获取当前选项的索引
下拉框的选项是一个线性数组,每个选项都有一个索引,selectedIndex表示当前被选中的选项的索引号。结合options属性,可以得到被选中的option对象,从而对其做进一步的处理。当下拉框可多选时,selectedIndex属性返回第一个被选中的索引。
selectedIndex是个只读的属性,想把通过索引指定的下拉框的项设置为选中状态,可以设置option对象的selected=true来实现。
2、为select对象添加一个选项
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
new Option(provinceCity[i],provinceCity[i])表示创建一个值为provinceCity[i],文本为provinceCity[i]的option对象,sltCity是页面上的city对象,i+1指定新添选项的位置。
3、清空一个select对象
要将下拉框的所有选项删除有两种方法,
第一种方法就是遍历删除:
第二种方法比较简单,因此一般都使用此方法:
- Javascript实现二级联动下拉框(简单易懂)
- ListView联动(二级联动)简单易懂
- javascript实现二级联动下拉框!
- JavaScript实现二级联动下拉框
- javascript实现二级联动下拉框
- javascript实现二级联动下拉框
- javascript实现二级联动下拉框
- javascript实现二级联动下拉框
- JavaScript实现二级联动下拉框
- JavaScript二级下拉框联动
- JavaScript 实现简单二级联动
- 实现下拉框二级联动
- php+mysql+javascript实现二级联动下拉框
- ajax&json实现二级下拉框联动,简单示例
- javascript实现二级下拉框(简单的方式)
- 最简单下拉框二级联动
- 简单的下拉框二级联动
- ajax+jQuery+Javascript实现简单二级联动
- C语言的运算符号
- wince 上面搭建web server
- LoadRunner JAVA协议 来测试SQL性能
- 五脏之毒
- SOA与BPEL在铁路系统中应用
- Javascript实现二级联动下拉框(简单易懂)
- 更新关联表
- 几套面试题的链接
- HtmlParser--TextExtractingVisitor
- 关于Debug和Release之本质区别的讨论
- 通过Flash Media Server3.5流传输实时视频
- 用mfc写的ocx控件,事件名称中有下划线竟然不能触发
- vc 10进制与2 8 16进制相互转换
- 设置 TSVNCache.exe 减少内存使用