Javascript实现二级联动下拉框(简单易懂)

您所在的位置:网站首页 javascript怎么写二级联动 Javascript实现二级联动下拉框(简单易懂)

Javascript实现二级联动下拉框(简单易懂)

2024-01-22 13:47| 来源: 网络整理| 查看: 265

这个是简单也是最基本的下拉框联动的示例,这个示例主要针对那些只有二级联动,且第一级是固定的选项,第二级的内容也比较简单。这里使用了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