javascript实现二级联动下拉框

1、3838javascript实现二级联动下拉框这个是简单也是最基本的下拉框联动的示例，这个示例主要针对那些只有二级联动，且第一级是固定的选项，第二级的内容也比较简单。这里使用了javascript来联动第二级下拉框。NewDocument定义了城市的二维数组，里面的顺序跟省份的顺序是相同的。通过selected】ndex获得省份的下标值来得到相应的城市数组varcity=北京,天津,上海,重庆,南京,苏州,南通,常州,福州,福安,龙岩,南平,广州,潮阳,潮州,澄海,兰州,白银,定西,敦煌;18functiongetCity()/获得省份下拉框的对象varsltProvince=document

2、.vince;/获得城市下拉框的对象varsltCity=document.form1.city;24/得到对应省份的城市数组varprovinceCity=citysltProvince.selectedIndex-1;27/清空城市下拉框，仅留提示选项303130313233/将城市数组中的值填充到城市下拉框中sltCityi+1=newOption(provinceCityi,provinceCityi);for(vari=0;iprovinceCity.length;i+)sltCityi+1=newOption(provinceCityi,provinceCityi

3、);vOPTIONVALUE=0请选择所在省份v/OPTIONvOPTIONVALUE=直辖市直辖市v/OPTIONvOPTIONVALUE=江苏省江苏省v/OPTIONvOPTIONVALUE=福建省福建省v/OPTIONvOPTIONVALUE=广东省广东省v/OPTION47vOPTIONVALUE=甘肃省甘肃省v/OPTION47v/SELECTvSELECTNAME=cityvOPTIONVALUE=0请选择所在城市v/OPTIONv/SELECTv/FORMv/BODYv/HTML55这段代码比较简单。如果对js不大熟悉，可以看看下面关于js处理select对象的内容：1、使用se

4、lectedIndex属性获取当前选项的索引下拉框的选项是一个线性数组，每个选项都有一个索引，selectedIndex表示当前被选中的选项的索引号。结合options属性，可以得到被选中的option对象，从而对其做进一步的处理。当下拉框可多选时，selectedIndex属性返回第一个被选中的索引。selectedIndex是个只读的属性，想把通过索引指定的下拉框的项设置为选中状态，可以设置option对象的selected=true来实现。2、为select对象添加一个选项sltCityi+1=newOption(provinceCityi,provinceCityi);newOption(provinceCityi,provinceCityi)表示创建一个值为provinceCityi，文本为provinceCityi的option对象，sltCity是页面上的city对象，i+1指定新添选项的位置。3、清空一个select对象要将下拉框的所有选项删除有两种方法，第一种方法就是遍历删除：varl=myselect.length;for(vari