现在的位置: 首页 > 综合 > 正文

实现二级联动菜单的技术细节

2017年12月18日 ⁄ 综合 ⁄ 共 843字 ⁄ 字号 评论关闭

二级联动菜单的实现主要是使用了javascript技术。

我也不大会使用,因此总结一下,供以后使用。

 

代码部分(绿色标注的是我不明白的地方):

   function $()
    {
     var elements = new Array();
            for (var i = 0; i < arguments.length; i++)
            {
                var element = arguments[i];
                if (typeof element == 'string')
                    element = document.getElementById(element);
                   
                if (arguments.length == 1)
                    return element;
                elements.push(element);
            }
            return elements;

    }

 

function test(){
    var num ,x1,i;
    num = $("ddlCla").selectedIndex;  //获取选中大学科类别的索引值
    x1 = x[num].split(",");  //获取相应的小学科列表
    var downlist = $("ddlShow");
    for(var i = 0;i < x1.length;i++)
    {
       var tempArray =  x1[i].split(' ');
      downlist.options[i] = new Option( tempArray[1], tempArray[0]);
    }
}

 

虽然功能实现了,但是这些技术细节还是不大懂,有种朦胧的感觉。要说明白呢,自己写不出来;要不说不明白呢,可以又说不出哪里不明白。周三吧,让师姐给好好解释一下。

抱歉!评论已关闭.