教程集 > 脚本编程 > javascript > 正文 js 下拉框select联动下拉菜单代码

js 下拉框select联动下拉菜单代码

发布时间：2016-10-14 编辑：jiaochengji.com

教程集为您提供js 下拉框select联动下拉菜单代码等资源，欢迎您收藏本站，我们将为您提供最新的js 下拉框select联动下拉菜单代码资源

select联动效果就是如果你选择长沙我就会把长沙下面的区域都显示出来了，这就是select联动下拉菜单效果了，其实就是说选择大小显示小类了。

提示：您可以先修改部分代码再运行

旅游意向：

</td> <script language = "JavaScript"> var onecount; onecount=0; subcat = new Array(); //subcat[5] = new Array("abc","1","1"); // 5:类别ID abc:名称 1:类别 1:ID subcat[0] = new Array("大洋洲","1","大洋洲"); subcat[1] = new Array("东亚","1","东亚"); subcat[2] = new Array("南亚","1","南亚"); subcat[3] = new Array("东南亚","1","东南亚"); subcat[4] = new Array("地中海及非洲","1","地中海及非洲"); subcat[5] = new Array("欧洲","1","欧洲"); subcat[6] = new Array("港澳地区","1","港澳地区"); subcat[7] = new Array("西南","2","西南"); subcat[8] = new Array("西北","2","西北"); subcat[9] = new Array("华北","2","华北"); subcat[10] = new Array("东北","2","东北"); subcat[11] = new Array("华中","2","华中"); subcat[12] = new Array("华东","2","华东"); subcat[13] = new Array("华南","2","华南"); subcat[14] = new Array("北京周边","2","北京周边"); subcat[15] = new Array("拉丁美洲","1","拉丁美洲"); onecount=16; function changelocation(locationid) { document.form1.areaid.options[0]=new Option("-请选择-",""); document.form1.areaid.length = 1; var locationid=locationid; var i; for (i=0;i < onecount; i ) { if (subcat[i][1] == locationid) { document.form1.areaid.options[document.form1.areaid.length] = new Option(subcat[i][0], subcat[i][2]); } } } </script> <td><select name="rootid" id="rootid" onchange="changelocation(document.form1.rootid.options[document.form1.rootid.selectedIndex].value)"> <option value="" selected>- 请选择 -</option> <option value="1">出境</option> <option value="2">国内</option> <option value="3">省内</option> </select></td> <td> 区域：</td> <td><select name="areaid" id="areaid"> <option value="" selected>-- 请选择 --</option> </select></td> </tr> <tr> <td colspan="4">

</td> </tr> </table>

</textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Jquery联动下拉菜单实现代码
 Jquery带搜索框的下拉菜单
 js日期级联效果的实现代码
 js 下拉框select联动下拉菜单代码
 导航菜单-左则多层树形下拉菜单
 js 控制页面跳转的五种方法
 JQuery 常用操作代码
 jquery 表单取值常用代码
 Jquery 获取表单text,areatext,radio,checkbox,select值的代码
 js 获取下拉菜单的值传给文本框

上一篇：js企业网站导航菜单代码下一篇：精美Css Xhtml下拉菜单特效代码

[关闭]

js 下拉框select联动下拉菜单代码

最近更新

浏览排行