pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

織夢同一頁面調用多個相同的js聯動菜單

!-- //選擇地區的二級分類(非通用調用) 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

<!--

 

//選擇地區的二級分類(非通用調用)

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>

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

我們有時候需要對織夢文檔的點擊量進行批量維護,比如采集來的文章,點擊量都為0,需要批量修改,可以用到如下方法1。 1、在數據庫里運行下面的代碼就可以了,文章的點擊量變得
用過dedecms的朋友都知道,織夢cms后臺系統基本參數里是無法直接上傳圖片的,我們更換logo圖只能到ftp里替換,非常的不方便,我們如果想直接在系統基本參數里上傳,要怎么處理呢?
dedecms要想調用所有子欄目是沒有這個標簽的,要調用只可用sql標簽,reid表示子欄目,channeltype=6表示模型為商品,sortrank表示按排序升序.小的放前面 {dede:sql sql=Select * from `dede_arctype` where r
這篇文章主要介紹了Thinkphp5結合layer彈窗定制操作結果頁面,具有一定的參考價值,感興趣的小伙伴們可以參考一下
頁面緩存指的是在服務器端緩存整個頁面的內容。隨后當同一個頁面 被請求時,內容將從緩存中取出,而不是重新生成。下面這篇文章主要給大家介紹了關于Yii2.0如何使用頁面緩存的相
這篇文章主要為大家詳細介紹了php出租房數據管理及搜索頁面的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
主站蜘蛛池模板: 减速机电机一体机_带电机减速器一套_德国BOSERL电动机与减速箱生产厂家 | 两头忙,井下装载机,伸缩臂装载机,30装载机/铲车,50装载机/铲车厂家_价格-莱州巨浪机械有限公司 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 定硫仪,量热仪,工业分析仪,马弗炉,煤炭化验设备厂家,煤质化验仪器,焦炭化验设备鹤壁大德煤质工业分析仪,氟氯测定仪 | 彩超机-黑白B超机-便携兽用B超机-多普勒彩超机价格「大为彩超」厂家 | 北京网站建设-企业网站建设-建站公司-做网站-北京良言多米网络公司 | 纯化水设备-纯水设备-超纯水设备-[大鹏水处理]纯水设备一站式服务商-东莞市大鹏水处理科技有限公司 | 上海噪音治理公司-专业隔音降噪公司-中广通环保 | 机械加工_绞车配件_立式离心机_减速机-洛阳三永机械厂 | 皮带式输送机械|链板式输送机|不锈钢输送机|网带输送机械设备——青岛鸿儒机械有限公司 | Dataforth隔离信号调理模块-信号放大模块-加速度振动传感器-北京康泰电子有限公司 | 阿米巴企业经营-阿米巴咨询管理-阿米巴企业培训-广东键锋企业管理咨询有限公司 | 电解抛光加工_不锈钢电解抛光_常州安谱金属制品有限公司 | 流程管理|流程管理软件|企业流程管理|微宏科技-AlphaFlow_流程管理系统软件服务商 | 防火板_饰面耐火板价格、厂家_品牌认准格林雅 | 专业音响设备_舞台音响设备_会议音响工程-首选深圳一禾科技 | MVE振动电机_MVE震动电机_MVE卧式振打电机-河南新乡德诚生产厂家 | 除尘布袋_液体过滤袋_针刺毡滤料-杭州辉龙过滤技术有限公司 | 小小作文网_中小学优秀作文范文大全 | 定制奶茶纸杯_定制豆浆杯_广东纸杯厂_[绿保佳]一家专业生产纸杯碗的厂家 | 建筑资质代办-建筑资质转让找上海国信启航 | 温控器生产厂家-提供温度开关/热保护器定制与批发-惠州市华恺威电子科技有限公司 | 地源热泵一体机,地源热泵厂家-淄博汇能环保设备有限公司 | 日本东丽膜_反渗透膜_RO膜价格_超滤膜_纳滤膜-北京东丽阳光官网 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 东亚液氮罐-液氮生物容器-乐山市东亚机电工贸有限公司 | 深圳诚暄fpc首页-柔性线路板,fpc柔性线路板打样生产厂家 | 巨野月嫂-家政公司-巨野县红墙安康母婴护理中心 | 生物风-销售载体,基因,质粒,ATCC细胞,ATCC菌株等,欢迎购买-百风生物 | 定做大型恒温循环水浴槽-工业用不锈钢恒温水箱-大容量低温恒温水槽-常州精达仪器 | 北京租车公司_汽车/客车/班车/大巴车租赁_商务会议/展会用车/旅游大巴出租_北京桐顺创业租车公司 | 焊锡丝|焊锡条|无铅锡条|无铅锡丝|无铅焊锡线|低温锡膏-深圳市川崎锡业科技有限公司 | 窖井盖锯圆机_锯圆机金刚石锯片-无锡茂达金刚石有限公司 | 二手Sciex液质联用仪-岛津气质联用仪-二手安捷伦气质联用仪-上海隐智科学仪器有限公司 | 哈尔滨京科脑康神经内科医院-哈尔滨治疗头痛医院-哈尔滨治疗癫痫康复医院 | 湖南专升本-湖南省专升本报名-湖南统招专升本考试网 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 四川实木门_成都实木门 - 蓬溪聚成门业有限公司 | 志高装潢官网-苏州老房旧房装修改造-二手房装修翻新 | 杭州荣奥家具有限公司-浙江办公家具,杭州办公家具厂 | PTFE接头|聚四氟乙烯螺丝|阀门|薄膜|消解罐|聚四氟乙烯球-嘉兴市方圆氟塑制品有限公司 | 灌木树苗-绿化苗木-常绿乔木-价格/批发/基地 - 四川成都途美园林 |