织梦同一页面调用多个相同的js联动菜单

dedecms教程 跟版网
!-- //选择地区的二级分类(非通用调用) function selNext(oj, v) { var newobj = oj.options; var selv = parseInt(v); var maxv = parseInt(v) + 500; while(newobj.length 0) { oj.remove(0); } clear(oj); if(selv==0) { aOption = document.createElemen

<!--

 

//选择地区的二级分类(非通用调用)

function selNext(oj, v)

{

    var newobj = oj.options;

    var selv = parseInt(v);

    var maxv = parseInt(v) + 500;

    while(newobj.length > 0) {

        oj.remove(0);

    }

    clear(oj);

    if(selv==0)

    {

        aOption = document.createElement('OPTION');

        aOption.text = '具体地区';

        aOption.value = '0';

        oj.options.add(aOption);

        return;

    }

    else

    {

        aOption = document.createElement('OPTION');

        aOption.text = '具体地区';

        aOption.value = '0';

        oj.options.add(aOption);

    }

    var str = '';

    for(i=selv+1; i < maxv; i++)

    {

        if(!em_nativeplaces[i]) continue;

        aOption = document.createElement('OPTION');

        aOption.text = em_nativeplaces[i];

        aOption.value = i;

        oj.options.add(aOption);

    }

}

 

 

//子类改变事件

function ChangeSon()

{

    /*

    var emname = this.name.replace('_son', '');

    var topSelObj = document.getElementById(emname+'_top');

    if(this.options[this.selectedIndex].value==0) {

        document.getElementById('hidden_'+emname).value = topSelObj.options[topSelObj.selectedIndex].value;

    }

    else {

        document.getElementById('hidden_'+emname).value = this.options[this.selectedIndex].value;

    }

    */

    // 由于支持3级联动,所以这里需要对自己改变进行重构

    var emname = this.name.replace('_son', '');

    // alert(emname);

    if( document.getElementById(idname+'_sec') )

    {

        var oj = document.getElementById(idname + '_sec');

    }

    else

    {

        var oj  = document.createElement('select');

        oj.name = emname + '_sec';

        oj.id   = idname + '_sec';

        oj.onchange = ChangeSec;

    }

    var v = this.options[this.selectedIndex].value;

    document.getElementById('hidden_'+idname).value = v;

    var newobj = oj.options;

    var selarr = eval('em_'+emname+'s');

 

    var selv = parseInt(v);

    var maxv = parseInt(v) + 0.5;

    // alert(maxv);

    i = 0;

    while(newobj && newobj.length > 0) oj.remove(0);

    clear(oj);

    if(selv == 0)

    {

        aOption = document.createElement('OPTION');

        aOption.text = '请选择..';

        aOption.value = '0';

        oj.options.add(aOption);

        return;

    }

    else

    {

        aOption = document.createElement('OPTION');

        aOption.text = '请选择..';

        aOption.value = '0';

        oj.options.add(aOption);

    }

    var str = '';

    var j=0;

    for(i = selv + 0.001; i < maxv; i = FloatAdd(i, 0.001))

    {

        if(!selarr[i]) continue;

        aOption = document.createElement('OPTION');

        aOption.text = selarr[i];

        aOption.value = i;

        oj.options.add(aOption);

        j++;

    }

    if(j > 0) document.getElementById('span_'+idname+'_sec').appendChild(oj);

    else document.getElementById('span_'+idname+'_sec').innerHTML = "";

}

 

// 改变第三级的事件

function ChangeSec()

{

    var emname = this.name.replace('_sec', '');

    var topSelObj = document.getElementById(idname+'_top');

    if(this.options[this.selectedIndex].value==0) {

        document.getElementById('hidden_'+idname).value = topSelObj.options[topSelObj.selectedIndex].value;

    }

    else {

        document.getElementById('hidden_'+idname).value = this.options[this.selectedIndex].value;

    }

}

 

//顶级类改变事件

function selNextSon()

{

    var emname = this.name.replace('_top', '');

    var idname = this.id.replace('_top', '');

    if( document.getElementById(idname+'_son') )

    {

        var oj = document.getElementById(idname + '_son');

    }

    else

    {

        var oj  = document.createElement('select');

        oj.name = emname + '_son';

        oj.id   = idname + '_son';

        oj.onchange = ChangeSon;

    }

    var v = this.options[this.selectedIndex].value;

    document.getElementById('hidden_'+idname).value = v;

    var newobj = oj.options;

    var selarr = eval('em_'+emname+'s');

    var selv = parseInt(v);

    var maxv = parseInt(v) + 500;

    while(newobj && newobj.length > 0) oj.remove(0);

    clear(oj);

    if(selv==0)

    {

        aOption = document.createElement('OPTION');

        aOption.text = '请选择..';

        aOption.value = '0';

        oj.options.add(aOption);

        return;

    }

    else

    {

        aOption = document.createElement('OPTION');

        aOption.text = '请选择..';

        aOption.value = '0';

        oj.options.add(aOption);

    }

    var str = '';

    for(i=selv+1; i < maxv; i++)

    {

        if(!selarr[i]) continue;

        aOption = document.createElement('OPTION');

        aOption.text = selarr[i];

        aOption.value = i;

        oj.options.add(aOption);

    }

    document.getElementById('span_'+idname+'_son').appendChild(oj);

}

 

 

// 根据数组生成多级联动菜单

function MakeTopSelect(emname,idname, selvalue)

{

    var selectFormHtml = '';

    var aOption = null;

    var selObj = document.createElement("select");

    selObj.name = emname + '_top';

    selObj.id   = idname + '_top';

    selObj.onchange = selNextSon;

    var selarr = eval('em_'+emname+'s');

    // alert(selarr[1002.2]);

    var topvalue = 0;

    var sonvalue = 0;

    var secvalue = 0;

 

    aOption = document.createElement('OPTION');

    aOption.text = '请选择..';

    aOption.value = 0;

    selObj.options.add(aOption);

 

    // alert(selvalue);

    if(selvalue % 500 == 0 ) 

    {

        topvalue = selvalue;

    }

    // 如果是小数,则依次取出顶级数值,二级数值以及三级数值

    else if(!!(selvalue % 1))

    {

        secvalue = selvalue;

        sonvalue = Math.floor(selvalue);

        topvalue = sonvalue - (sonvalue % 500);

        // alert(secvalue);

    }

    else {

        sonvalue = selvalue;

        topvalue = selvalue - (selvalue % 500);

    }

 

    for(i = 500; i <= selarr.length; i += 500)

    {

        if(!selarr[i]) continue;

        aOption = document.createElement('OPTION');

        if(i == topvalue) {

            aOption = document.createElement('OPTION');

            aOption.text = selarr[i];

            aOption.value = i;

            selObj.options.add(aOption);            

            aOption.selected = true;

        }

        else {

            aOption = document.createElement('OPTION');

            aOption.text = selarr[i];

            aOption.value = i;

            selObj.options.add(aOption);

        }

    }

    document.getElementById('span_'+idname).appendChild(selObj);

 

    //如果子类存在值，创建子类

    //if(sonvalue > 0 || topvalue > 0) {

    selObj = document.createElement("select");

    selObj.name = emname + '_son';

    selObj.id   = idname + '_son';

    selObj.onchange = ChangeSon;

    aOption = document.createElement('OPTION');

    aOption.text = '请选择..';

    aOption.value = 0;

    selObj.options.add(aOption);

 

    //当大类有值输出子类

    if(topvalue > 0)

    {

        var selv = topvalue;

        var maxv = parseInt(topvalue) + 500;

        for(i = selv + 1; i < maxv; i++)

        {

            if(!selarr[i]) continue;

            aOption = document.createElement('OPTION');

            if(i == sonvalue) {

                aOption = document.createElement('OPTION');

                aOption.text = selarr[i];

                aOption.value = i;

                selObj.options.add(aOption);

                aOption.selected = true;

            }

            else {

                aOption = document.createElement('OPTION');

                aOption.text = selarr[i];

                aOption.value = i;

                selObj.options.add(aOption);

            }

        }

    }

    document.getElementById('span_'+idname+'_son').appendChild(selObj);

 

    // 若存在第三级则创建

    if(secvalue > 0)

    {

        selObj = document.createElement("select");

        selObj.name = emname + '_sec';

        selObj.id   = idname + '_sec';

        selObj.onchange = ChangeSec;

        aOption = document.createElement('OPTION');

        aOption.text = '请选择..';

        aOption.value = 0;

        selObj.options.add(aOption);

 

        var selv = sonvalue;

        var maxv = parseInt(sonvalue) + 0.5;

        // alert(maxv);

        i = 0;

        for(i = selv + 0.001; i < maxv; i = FloatAdd(i, 0.001))

        {

            if(!selarr[i]) continue;

            aOption = document.createElement('OPTION');

            if(i == secvalue) {

                aOption = document.createElement('OPTION');

                aOption.text = selarr[i];

                aOption.value = i;

                selObj.options.add(aOption);

                aOption.selected = true;

            }

            else {

                aOption = document.createElement('OPTION');

                aOption.text = selarr[i];

                aOption.value = i;

                selObj.options.add(aOption);

            }

        }

    }

    document.getElementById('span_'+idname+'_sec').appendChild(selObj);

}

 

// 两个小数相加进度计算

function FloatAdd(arg1, arg2)

{

    var r1,r2,m;

    try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

    try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

    m=Math.pow(10,Math.max(r1,r2))

    return (arg1*m+arg2*m)/m

}

 

//清除旧对象

function clear(o)

{

    l=o.length;

    for (i = 0; i< l; i++){

        o.options[1]=null;

    }

}

-->

将上面代码保存为新的js文件，注意不要覆盖官方原来的，否则可能因为后续的多级联动菜单添加而反复修改文件

<script language="javascript" type="text/javascript" src="你自定义的js文件目录"></script>

这句不多说

注意在页面的运行脚本中，原来的两个参数改成了三个，第一个是联动类型的英文名称，具体请在后台查看

第二个参数是你自定义的id，防止页面上出现重复id的现象，第三个参数是初始选项

<script language="javascript" type="text/javascript">MakeTopSelect("MyArea","IdName", 0);</script>

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！
联动

相关文档推荐

dedecms织梦tag增加属性分类及调用
dedecms织梦默认的TAG标签不是很灵活。有时候我们的标签需要进行一个分类，能不能像{dede:arclist}标签的自定义属性（如：flag=c,h），这样全站调用的时候更灵活。 全站调用TAG标签方法一般是： {dede:tag row='100' sort='new' getall='1'}a target="_blank
织梦模板DEDECMS不显示未审核tag标签文档的的方法
未审核文档的TAG会显示在TAG列表页面, 固然点击进入TAG时, 相关的未审核文章不会显示出来， 这样对用户体验是很不好的. DEDECMS暂时没有提供这个功能，所以要解决这个问题, 让DEDECMS不显示未审核文档的TAG, 就要修改TAG的显示库文件 tag.lib.php。 方法一 打
织梦DEDECMS后台文件管理器、模板文件、缩略图排序修改
我们都知道DEDECMS生成的文件夹是按天生成的，只要传了图片就会自动建立个年月日的文件，centos系统下，都是随便排序的，很难找到对应文件夹，如果要按顺序排列，要怎么操作呢？ 一、文件管理器： 修改 /dede/templets/file_manage_main.html $dh = dir($inp
dedecms织梦批量修改文章点击量
我们有时候需要对织梦文档的点击量进行批量维护，比如采集来的文章，点击量都为0，需要批量修改，可以用到如下方法1。 1、在数据库里运行下面的代码就可以了，文章的点击量变得随机从500到1000 UPDATE dede_archives SET click=FLOOR(500 + (RAND() * 1000))
织梦dedecms后台系统基本参数中增加logo上传功能
用过dedecms的朋友都知道，织梦cms后台系统基本参数里是无法直接上传图片的，我们更换logo图只能到ftp里替换，非常的不方便，我们如果想直接在系统基本参数里上传，要怎么处理呢？在这里需要对代码进行修改，具体流程如下： 实现方法，打开/dede/templets/sy
织梦dedecms调用所有栏目的子栏目(不包含父栏目)
dedecms要想调用所有子栏目是没有这个标签的，要调用只可用sql标签,reid表示子栏目,channeltype=6表示模型为商品,sortrank表示按排序升序.小的放前面 {dede:sql sql=Select * from `dede_arctype` where reid0 and channeltype=6 ORDER BY sortrank limit 15}
织梦安装使用织梦二次开发织梦优化织梦标签dedecms教程织梦安全
织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室