JS级别联动下拉列表

作者:不详　来源:aa25收集　【大 中 小】　浏览:　修改日期：2008-06-17　我要评论(0)　

<form name="form1" method="post" action="index_cx.asp"><table border="0" align="center" cellpadding="2" cellspacing="1">
                 <tr>
                   <td><div align="right">旅游意向：</div></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"><div align="right"></div>                     
                     <div align="right">
                       <input type="submit" name="Submit" value="提交">
</div></td>
                 </tr>
             </table>  
</form>

标准之路www.aa25.cn 提示：可以先修改部分代码后再运行

（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）

JS级别联动下拉列表

作者:不详　来源:aa25收集　【大 中 小】　浏览:　修改日期：2008-06-17　我要评论(0)

〖常用代码〗Tags: JS 联动

相关文章

更多评论(0)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

JS级别联动下拉列表

作者:不详 来源:aa25收集 【大 中 小】 浏览: 修改日期：2008-06-17 我要评论(0)

〖常用代码〗Tags: JS 联动

相关文章

更多评论(0)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

作者:不详　来源:aa25收集　【大中小】　浏览:　修改日期：2008-06-17　我要评论(0)　