• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    织梦同一页面调用多个相同的js联动菜单
    POST TIME:2017-11-12 23:46

    <!--

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

    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>

    
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!