一、级联列表:通过js对下拉框进行联动操作。
二、下拉列表标签:<select id=""> </select>
下拉列表中的选择内容标签:<option> </option>
三、案例:省份和市的对应变化
1、网页中出现省份和市的下拉框。(静态变化)
代码如下:
上面这个方法不推荐写多个省份,写起来太麻烦。
那么就需要用另一种方法,用数组写。
(1)创建一个省份的数组
(2)遍历省份数组,将内容拼接成option放入第一个select标签中
(3)将拼接好的内容放入到指定的sl1标签中
(4)创建市数组,注意市数组是一个二维数组
(5)在默认情况下,将河北对应的市遍历放入第二个select标签中
代码如下:
2、省份切换,市随即发生联动变化(动态变化)
注:事件编程:找到事件源 添加事件 添加事件处理函数
事件源:sl1
事件:onchange
事件处理函数:function(){}
注:var index=sl1.selectedIndex表示当前sl1中被选中的option的索引值,赋值给index
代码如下: