Javascript实现二级联动下拉框(简单易懂) |
您所在的位置:网站首页 › javascript怎么写二级联动 › Javascript实现二级联动下拉框(简单易懂) |
这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单。这里使用了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对象 要将下拉框的所有选项删除有两种方法, 第一种方法就是遍历删除:
第二种方法比较简单,因此一般都使用此方法:
|
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |