html行业职位联动下拉菜单,联动下拉菜单

联动下拉菜单

window.onload = function(){

var s1 = new Sel('div1');

s1.add('0',['1','2','3']);

s1.add('0_0',['1_1','1_2','1_3']);

s1.add('0_0_0',['1_1_1','1_1_2','1_1_3']);

s1.add('0_0_1',['1_2_1','1_2_2','1_2_3']);

s1.add('0_0_2',['1_3_1','1_3_2','1_3_3']);

s1.add('0_1',['2_1','2_2','2_3']);

s1.add('0_1_0',['2_1_1','2_1_2','2_1_3']);

s1.add('0_1_1',['2_2_1','2_2_2','2_2_3']);

s1.add('0_1_2',['2_3_1','2_3_2','2_3_3']);

s1.add('0_2',['3_1','3_2','3_3']);

s1.add('0_2_0',['3_1_1','3_1_2','3_1_3']);

s1.add('0_2_1',['3_2_1','3_2_2','3_2_3']);

s1.add('0_2_2',['3_3_1','3_3_2','3_3_3']);

s1.init(3);

};

function Sel(id){

this.oParent = document.getElementById(id);

this.data = {};

this.aSel = this.oParent.getElementsByTagName('select');

}

Sel.prototype = {

init : function(num){

var This = this;

for(var i = 1;i <= num; i++){

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

var oPt = document.createElement('option');

oPt.innerHTML = '默认';

oSel.index = i;

oSel.appendChild(oPt);

this.oParent.appendChild(oSel);

oSel.onchange = function(){

This.change(this.index);

}

}

this.first();

},

add : function(key,value){

this.data[key] = value;

},

first : function(){

var arr = this.data['0'];

for(var i = 0;i

var oPt = document.createElement('option');

oPt.innerHTML = arr[i];

this.aSel[0].appendChild(oPt);

}

},

change : function(iNow){

var str = '0';

for(var i = 0;i

str += '_' + ( this.aSel[i].selectedIndex - 1 );  //selectIndex是获取select(下拉菜单)选择的索引值

}

if(this.data[str]){

var arr = this.data[str];

this.aSel[iNow].length = 1;

for(var i = 0; i

var oPt = document.createElement('option');

oPt.innerHTML = arr[i];

this.aSel[iNow].appendChild(oPt);

}

this.aSel[iNow].options[1].selected = true;

iNow++;

if(iNow

this.change(iNow);

}

}

else{

if(iNow

this.aSel[iNow].length = 1;

}

iNow++;

if(iNow

this.change(iNow);

}

}

}

}