联动下拉菜单，没有人用过吗？300分啊！！
时间:2007-06-17  www.jubao163.com  来源: 不详

最近做网页，用了一个联动下拉菜单的插件ddrewrite.mxp，发现这个插件不错。
可惜出了点问题，哪位用过这个插件？如能帮我解决这个问题，我送分300（分三次给），决不失言！
由于制作过程复杂，请您留下邮箱，具体情况我们email联系。

---------------------------------------------------------------

网上这样的例子很多了，。还要用插件？
http://lucky.myrice.com/javascriptexam/index.html
---------------------------------------------------------------

用数据库关联，没必要用什么插件
当在第一个checkbox中是某字段的时候，另一个checkbox就打个以这个关键字的表，读出数据，用循环读出数据
---------------------------------------------------------------

<form name=form1>
        <select name=mClass onchange="changeByValue(this.value)">
          <option value="" selected>请选择大类分区</option>
        </select>
        <select name=mKind>
          <option value="" selected>请选择小类分区</option>
        </select>
</form>
<script language=javascript><!--
var mKindouterHTML = document.form1.mKind.outerHTML.substr(0, document.form1.mKind.outerHTML.length-9);
function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g,"");}
function mclass()
{
   var mclass = ["html","javascript","vbscript","css","sql","asp"];

   var e = document.form1.mClass;
   var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n";
       for (var i=0; i<mclass.length; i++){
       s += "<option value=’"+ mclass[i] +"’>"+ mclass[i] +"</option>\r\n";}
       s += "</select>";
       e.outerHTML = s;
}  mclass();
function changeByValue(val)
{
   var mhtml       = ["html"];
   var mjavascript = ["语句","方法"]
   var mvbscript   = ["vbscript"]
   var mcss        = ["css"]
   var msql        = ["sql"]
   var masp        = ["asp"]
   
   var e = document.form1.mKind;
   var s = mKindouterHTML;
   if (val.Trim() == "") {s += "</select>"; e.outerHTML = s; return;}
   var a = eval("m"+ val);
       for (var i=0; i<a.length; i++){
       s += "<option value=’"+ a[i] +"’>"+ a[i] +"</option>\r\n";}
       s += "</select>";
       e.outerHTML = s;
}
// --></script>
---------------------------------------------------------------

学网页制作~


不会看代码怎么行？
---------------------------------------------------------------

代码如果一点不懂可不行啊
---------------------------------------------------------------

不用代码，叫别人怎么教你啊？做网页肯定少不了代码的。你还是看看代码吧，下面的代码我已经对代码作了详细的说明，这可能会改变你的网页制作技术哦，耐心看看吧，你可以复制下来，新建一个文本文件粘贴上，在另存为以“.htm”后缀的文件，打开看看效果，就可以一边看，一边修改，直到成为你要的东西了：

 联动菜单一(example)：<SELECT name=example style="width=90px" onchange="chinaredirect(this.selectedIndex)"> 
     <OPTION selected>请选择地区</OPTION> 
  <OPTION>华北地区</OPTION> 
  <OPTION>华东地区</OPTION>
           <option>华南地区</option>
           <option>华中地区</option>
 </SELECT><br> 

 联动菜单二(stage2)：<SELECT name=stage2 style="width=90px"></SELECT><br>

 脚本，可拷贝到网页代码的任意地方：<br>
 <SCRIPT language=javascript>
   <!-- 
    //初始化程序 

    //取得联动菜单一（example为联动菜单一名字）选项个数
      var chinagroups=document.all.item("example").options.length;

    //动态建与联动菜单一（example）选项个数匹配的选项数组
      var chinagroup=new Array(chinagroups);

    //为每个选项组建立动态子选项对象
        for (i=0; i<chinagroups; i++) chinagroup[i]=new Array();

    /*
       下面是添加联动菜单二的选项，对应参数为以
         chinagroup[0][0]=new Option("请选择地区","");
       来说明，[0][0]，前面的[0]指与联动菜单一的第一项，后一个[0]指与
       联动菜单一第一项对应的联动菜单二的第一项的内容，其中
          new Option("请选择地区","");
       中的"请选择地区"为显示内容，""为与该选项对应的值（value），只要
       按照这个规律添加相应选项即可。
    */

    //与联动菜单一对应的第一个选项“请选择地区”对应的联动菜单二的选项
      chinagroup[0][0]=new Option("请选择地区","");

    //与联动菜单一对应的第二个选项“请选择地区”对应的联动菜单二的选项
      chinagroup[1][0]=new Option("请选择城市","请选择城市");
      chinagroup[1][1]=new Option("北京","54511");
      chinagroup[1][2]=new Option("天津","54527");
      chinagroup[1][3]=new Option("石家庄","53698");

    //与联动菜单一对应的第三个选项“请选择地区”对应的联动菜单二的选项
       chinagroup[2][0]=new Option("请选择城市","请选择城市");
       chinagroup[2][1]=new Option("北京","54511");
       chinagroup[2][2]=new Option("天津","54527");

    //与联动菜单一对应的第四个选项“请选择地区”对应的联动菜单二的选项
       chinagroup[3][0]=new Option("请选择城市","请选择城市");
       chinagroup[3][1]=new Option("合肥","58321");
       chinagroup[3][2]=n

返回it资讯首页　推荐给好友　收藏这篇文章