分类: H5/JS/CSS

级联菜单放到<form>标签中失效问题

[ 2009-08-10 15:59:34 | 作者: admin ]
字号: 大 | 中 | 小
如 select01.style.display 改为 document.form的id.select01.style.display
<html>
   <head>
  

     <script language=javascript>
     var arr="浙江|江苏|安徽|江西";
        
     var arr0 = "杭州|宁波|温州|绍兴"; //这些数据可以从数据库中取得
     var arr1 = "南京|苏州|无锡|常州";
     var arr2 = "合肥|翕县|黄山|祁门";
     var arr3 = "南昌|九江|赣州|上饶";
        
     var arr00 = "杭州A区|杭州B区";
     var arr01 = "宁波A区|宁波B区";
     var arr02 = "温州A区|温州B区";
     var arr03 = "绍兴A区|绍兴B区";
        
     var arr10 = "南京A区|南京B区";
     var arr11 = "苏州A区|苏州B区";
     var arr12 = "无锡A区|无锡B区";
     var arr13 = "常州A区|常州B区";
        
     var arr20 = "合肥A区|合肥B区";
     var arr21 = "翕县A区|翕县B区";
     var arr22 = "黄山A区|黄山B区";
     var arr23 = "祁门A区|祁门B区";
        
     var arr30 = "南昌A区|南昌B区";
     var arr31 = "九江A区|九江B区";
     var arr32 = "赣州A区|赣州B区";
     var arr33 = "上饶A区|上饶B区";
        
     //alert(eval("arr"+2+1));
     function AddOptions(dltObj,arrObj)
     {
     dltObj.innerHTML="";
     var arrLocation=arrObj.split("|");
     for(var i=0;i<arrLocation.length;i++){
     var opt=document.createElement("OPTION");
     dltObj.add(opt);
     opt.value=i;
     opt.text=arrLocation[i];
     }
     }
     function init(){
     AddOptions(document.formMenu.formMenu,eval('arr'));
             <!-- var result =eval(1+1);document.write(result);//-->
     AddOptions(document.formMenu.dltCity,eval('arr'+document.formMenu.formMenu.selectedIndex));
     AddOptions(document.formMenu.dltArea,eval('arr'+document.formMenu.formMenu.selectedIndex+document.formMenu.dltCity.selectedIndex));
        
     }
     </script>
     </head>
     <body onLoad="init();">

<form id="formMenu" name="form1" action="" method="post" >

     <table width="300" cellpading="0" cellspacing="0" border="0">
     <tr>
     <td width="100">
     <select id="formMenu" onchange="AddOptions(dltCity,eval('arr'+formMenu.selectedIndex));AddOptions(dltArea,eval('arr'+formMenu.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
     </td>
     <td width="100">
     <select id="dltCity" onchange="AddOptions(dltArea,eval('arr'+formMenu.selectedIndex+dltCity.selectedIndex));" style="width:100%"></select>
     </td>
     <td width="100">
     <select id="dltArea" style="width:100%"></select>
     </td>
     </tr>
     </table>

</form>

</body>
</html>
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=1261

这篇日志没有评论。

此日志不可发表评论。