当前位置: 代码迷 >> JavaScript >> 搞了好几天,可变(可增减)的多个二级联动菜单有关问题
  详细解决方案

搞了好几天,可变(可增减)的多个二级联动菜单有关问题

热度:105   发布时间:2012-02-15 12:09:44.0
搞了好几天,可变(可增减)的多个二级联动菜单问题?
如何增减菜单时,连动菜单也能起作用。
//一级菜单内容
var   pri_type   =   [ "产品1 ", "产品2 ",   "产品3 ",   "其他 "];  
//以下为二级菜单内容
var   sec_type1   =[ "蔬菜 ", "副   食 ", "水产品 "];
var   sec_type2   =   [ "水   果 ", "粮食 ", "油   料 ", "其它 "];
var   sec_type3   =   [ "特产 ", "茶   叶 ", "其   它 "];
var   sec_type4   =   [ "其它 "];

下面是增减菜单功能,如何加上联动菜单功能?

<body>
<!--   以下是代码添加记录时的代码   -->
<script   language=javascript>
ii=1;
var   Main_Tab =   mytable;
var   cur_row =   null;
var   cur_col =   null;
var   the_table=Main_Tab;
function   addrow()
{
    ii++;
    str_sel1= ' <select   name= "headtype1_ '+ii+ ' "   > <option   selected= "selected "   value= " "> 产品1&nbsp; </option> " '+
                      ' <option   value= "产品1 "> 产品1 </option> '+
                      ' <option   value= "产品2 "> 产品2 </option> '+
                      ' <option   value= "产品3 "> 产品3 </option> '+
                      ' <option   value= "其         他 "> 其         他 </option> '+
      ' </select> ';
    str_sel2= ' <select   name= "headtype2_ '+ii+ ' "> <option   selected= "selected "   value= " "> 蔬     菜 </option> " '+
                      ' <option   value= "副     食 "> 副     食 </option> '+
                      ' <option   value= "水产品 "> 水产品 </option> '+
                      ' <option   value= "其     他 "> 其     它 </option> '+
      ' </select> ';
    str   =     document.all.mytable.outerHTML;
    str   =     str.substring(0,str.length-16);

    str   +=   ' <tr> <td   align= "center "> '+   ii   + ' </td> ';
    str   +=   ' <td   align= "center "> '+str_sel1+ ' </td> ';
    str   +=   ' <td   align= "center "> '+str_sel2+ ' </td> ';
    str   +=   ' <td   align= "center "> <input   type= "text "   name= "Field4 "   size= "20 "> </td> ';
    str   +=   ' <td   align= "center "> <input   type= "text "   name= "Field5 "   size= "20 "> <select   name=dw_ "+   i   + "   > '+
  相关解决方案