javascript 实现二级联动下拉框 这个是简单也是最基本的下拉框联动的示例，这个示例主要针对那些只有二级联动，且第一级是固定的 选项，第二级的内容也比较简单。这里使用了 javascript 来联动第二级下拉框。 1 2 3 4 5 6 7 8 9 37 38 39 40

41 42 请选择所在省份 43 直辖市 44 江苏省 45 福建省 46 广东省 47 甘肃省 48 49 50 请选择所在城市 51 

52 53 54 55 这段代码比较简单。 如果对 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]，文本为 provi nceCity[i]的 option 对象，sltCity 是页面上的 city 对象，i+1 指定新添选项的位置。 3、清空一个 select 对象 要将下拉框的所有选项删除有两种方法， 第一种方法就是遍历删除： 1 var l=myselect.length; 2 for(var i=0;i

3 myselect.options[i]=null; 4 } 第二种方法比较简单，因此一般都使用此方法： myselect.length=0;