校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > 織夢同一頁面調用多個相同的js聯動菜單

織夢同一頁面調用多個相同的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>



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
亚洲乱码日产精品bd| 欧美大片在线观看一区二区| 久久97超碰色| 91精品国产免费| 麻豆精品国产传媒mv男同 | 午夜天堂影视香蕉久久| 91久久香蕉国产日韩欧美9色| 一级做a爱片久久| 欧美日韩一卡二卡| 性久久久久久久久| 亚洲视频香蕉人妖| 在线视频一区二区三区| 亚洲自拍偷拍九九九| 56国语精品自产拍在线观看| 国产精品996| 亚洲欧美视频在线观看| 欧美亚洲一区三区| 天天色图综合网| 欧美tickle裸体挠脚心vk| 韩国成人精品a∨在线观看| 国产精品天美传媒沈樵| 日本福利一区二区| 久久国产成人午夜av影院| 亚洲视频一区在线| 精品日韩一区二区三区| 色婷婷精品大在线视频 | 亚洲一二三专区| 欧美一级欧美三级在线观看| 国产美女精品一区二区三区| 亚洲欧美在线观看| 日韩欧美一区二区久久婷婷| 一本在线高清不卡dvd| 婷婷综合久久一区二区三区| 久久久另类综合| www.在线成人| 激情伊人五月天久久综合| 国产精品久久一级| 欧美一区二区三区小说| 99精品视频一区| 亚洲国产另类av| 久久无码av三级| 日韩欧美在线网站| 色综合天天综合狠狠| 国产美女在线观看一区| 久久国产婷婷国产香蕉| 亚洲精品日产精品乱码不卡| 日韩欧美一级二级三级| 欧美区在线观看| 91黄色激情网站| 成人午夜免费电影| 成人免费福利片| 久久99精品国产91久久来源| 亚洲欧美另类图片小说| 国产精品乱码人人做人人爱 | 国产精品88av| 丝袜美腿亚洲色图| 亚洲永久精品大片| 亚洲激情图片小说视频| 国产区在线观看成人精品 | 欧美日韩在线播放| 91视频在线观看免费| 国产精品一区二区男女羞羞无遮挡 | 久久综合视频网| 精品毛片乱码1区2区3区| 欧美午夜一区二区| 欧洲一区在线观看| 日韩一区二区三区av| 欧美日韩综合在线免费观看| 色综合亚洲欧洲| 欧美精品久久久久久久久老牛影院| 91麻豆福利精品推荐| 黄色资源网久久资源365| 国产剧情一区在线| 国产成人aaa| 在线视频亚洲一区| 欧美一区二区视频免费观看| 日韩一区二区三区视频在线| 久久久久久免费网| 亚洲视频香蕉人妖| 亚洲成a人片在线不卡一二三区| 亚洲国产乱码最新视频 | 亚洲免费观看在线观看| 亚洲精品中文在线| 亚洲激情在线激情| 亚洲精品久久久久久国产精华液| 国产精品久久一级| 天天色天天爱天天射综合| 日韩激情视频在线观看| 日韩电影免费在线| 成人黄色国产精品网站大全在线免费观看| 成人ar影院免费观看视频| 一本色道a无线码一区v| 日韩一区二区在线免费观看| 国产人久久人人人人爽| 国产精品久久久久aaaa| 午夜精品久久久久久久| 国产精品99久久久久久久女警| 成人激情图片网| 91精品在线观看入口| 久久午夜免费电影| 中文字幕中文字幕中文字幕亚洲无线| 亚洲国产婷婷综合在线精品| 狠狠色丁香婷婷综合| 99天天综合性| 欧美videofree性高清杂交| 国产精品久久久久久久蜜臀| 三级精品在线观看| 91免费看视频| 久久久精品综合| 亚洲成人先锋电影| 成人免费av资源| 国产日本欧洲亚洲| 蜜桃久久久久久| 99久久精品国产网站| 26uuu欧美| 日韩成人精品在线| 欧亚洲嫩模精品一区三区| 国产精品素人视频| 狠狠色丁香婷婷综合| 欧美一区三区四区| 一区二区高清视频在线观看| av电影一区二区| 国产婷婷精品av在线| 国产自产高清不卡| 久久亚洲精精品中文字幕早川悠里| 日韩av电影天堂| 日韩一区二区三区精品视频| 免费成人av在线| 日韩精品一区在线观看| 免费成人你懂的| 精品国产91九色蝌蚪| 黄网站免费久久| 国产亚洲欧美一区在线观看| 国产综合一区二区| 中文字幕av在线一区二区三区| 丁香婷婷综合激情五月色| 中文天堂在线一区| 91麻豆精东视频| 亚洲一区av在线| 欧美va在线播放| 不卡一区二区三区四区| 亚洲特黄一级片| 欧美日韩电影一区| 久久精品999| 欧美经典一区二区| 色综合中文字幕国产 | 91精品国产色综合久久ai换脸| 亚洲高清不卡在线| 欧美日韩二区三区| 韩国一区二区在线观看| 26uuu国产在线精品一区二区| 激情av综合网| 国产精品久久久久久久久动漫 | 风流少妇一区二区| 国产欧美va欧美不卡在线| 麻豆精品一二三| 国产日韩亚洲欧美综合| 中文字幕一区二区三区色视频 | 欧美岛国在线观看| 亚洲精品一区二区精华| 婷婷综合久久一区二区三区| 日韩欧美中文字幕制服| 日本女优在线视频一区二区| 久久免费偷拍视频| 国产成人在线看| 亚洲影院久久精品| 国产性做久久久久久| 国产很黄免费观看久久| 亚洲国产日韩av| 91福利小视频| 国产麻豆精品久久一二三| 精品视频在线视频| 国产成人精品一区二区三区四区| 一区二区三区久久| 欧美久久一二三四区| 成人午夜视频在线| 亚洲精品一二三区| 久久久久久**毛片大全| 欧美群妇大交群中文字幕| 美女任你摸久久| 一区二区三区四区亚洲| 欧美在线制服丝袜| 成人禁用看黄a在线| 狠狠色综合日日| 国产精品久久久久久久久晋中| 日韩一区二区在线看片| 久久er99热精品一区二区| 一区二区三区精品视频| 国产精品第一页第二页第三页| 欧美视频第二页| 95精品视频在线| 国产欧美中文在线| 日韩欧美在线综合网| 777奇米成人网| 国产成人亚洲综合a∨婷婷图片| 日本伊人午夜精品| 国产精品视频你懂的| 久久久久久日产精品| 久久综合九色综合欧美98| 97精品国产97久久久久久久久久久久|