二级别联动菜单实现（1）

js 代码

<script language="javascript">
onecount=0;
subcat = new Array();
subcat[0] = new Array('平面设计', '0', '1');
subcat[1] = new Array('海报招贴', '1', '2');
subcat[2] = new Array('包装宣传', '1', '3');
subcat[3] = new Array('标志形象', '1', '4');
subcat[4] = new Array('版式', '1', '5');
subcat[5] = new Array('装帧', '1', '6');
subcat[6] = new Array('CI/VI', '1', '7');
subcat[7] = new Array('其他', '1', '8');
subcat[8] = new Array('插画设计', '0', '9');
subcat[9] = new Array('角色人物', '9', '10');
subcat[10] = new Array('风景场景', '9', '11');
subcat[11] = new Array('卡通动漫', '9', '12');
subcat[12] = new Array('手绘涂鸦', '9', '13');
subcat[13] = new Array('纯粹商业', '9', '14');
subcat[14] = new Array('其他', '9', '15');
subcat[15] = new Array('网页设计', '0', '16');
subcat[16] = new Array('设计网站', '16', '17');
subcat[17] = new Array('门户网站', '16', '18');
subcat[18] = new Array('商业网站', '16', '19');
subcat[19] = new Array('Flash网站', '16', '20');
subcat[20] = new Array('silverlight', '16', '21');
subcat[21] = new Array('技术网站', '16', '22');
subcat[22] = new Array('性格个人', '16', '23');
subcat[23] = new Array('其他', '16', '24');
subcat[24] = new Array('互动设计', '0', '25');
subcat[25] = new Array('flash动画', '25', '26');
subcat[26] = new Array('flash游戏', '25', '27');
subcat[27] = new Array('UI设计', '25', '28');
subcat[28] = new Array('ICON', '25', '29');
subcat[29] = new Array('其他', '25', '30');
subcat[30] = new Array('建筑设计', '0', '31');
subcat[31] = new Array('景观建筑', '31', '32');
subcat[32] = new Array('室内装潢', '31', '33');
subcat[33] = new Array('草图概念', '31', '34');
subcat[34] = new Array('其他', '31', '35');
subcat[35] = new Array('CG动画', '0', '52');
subcat[36] = new Array('时尚设计', '0', '53');
subcat[37] = new Array('产品设计', '0', '54');
subcat[38] = new Array('时装设计', '53', '55');
subcat[39] = new Array('家居设计', '53', '56');
subcat[40] = new Array('珠宝首饰', '53', '57');
subcat[41] = new Array('配饰设计', '53', '58');
subcat[42] = new Array('其他', '53', '59');
subcat[43] = new Array('IT产品', '54', '60');
subcat[44] = new Array('消费家电', '54', '61');
subcat[45] = new Array('日常用品', '54', '62');
subcat[46] = new Array('交通运输', '54', '63');
subcat[47] = new Array('概念产品', '54', '64');
subcat[48] = new Array('其他', '54', '65');
subcat[49] = new Array('场景静帧', '52', '66');
subcat[50] = new Array('角色静帧', '52', '67');
subcat[51] = new Array('建筑效果', '52', '68');
subcat[52] = new Array('幻想未来', '52', '69');
subcat[53] = new Array('产品表现', '52', '70');
subcat[54] = new Array('其他', '52', '71');
onecount = 55;


function changesort(sortid) {
    var el = document.getElementById("NewsSort");
    el.length = 0;
    if(sortid !=0){
        for (var i=0; i < onecount; i++) {
            if (subcat[i][1] == sortid) {
                el.options[el.length] = new Option(subcat[i][0], subcat[i][2]);
            }
        }
    }
    else {
        el.options[0] = new Option("选择栏目", 0);
    }
}

function ini(sortid) {
    for (var i=0; i < onecount; i++) {
        if(subcat[i][2]==sortid) {
            changesort(subcat[i][1]);
            setsort(sortid);
            var el = document.getElementById("newsType");
            for(var j=0; j<el.length; j++) {
                if(el.options[j].value == subcat[i][1]) {
                    el.options[j].selected = true;
                }
            }
            return;
        }
    }
}

function setsort(sortid){
    var el = document.getElementById("NewsSort");
    for(var j=0; j<el.length; j++) {
        if(el.options[j].value == sortid) {
            el.options[j].selected = true;
        }
    }

}
</script>

在平时的开发过程中，需要用到联动菜单的地方很多。大多数的时候，再用smarty的时候，经常是把数据库的数据取出，组成js的关联数组 来实现对应的联动，上面js 代码，摘自与 野马 程序中的部分

分享到：

常用类----文件操作类 | 常用类----图片处理类

• 2007-08-02 19:22
• 浏览 1113
• 评论(0)
• 查看更多