html切换下拉菜单改变页面,通过select下拉菜单改变页面内容

web前端使用技巧：通过select下拉菜单改变页面内容

方法一：

function changeTable(){

var tabIndex = document.getElementById("sel").value;

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

if (i != tabIndex) {

document.getElementById("table" + i).style.display = "none";

}else{

document.getElementById("table" + i).style.display = "block";

}

}

}

html:

1

2

方法二：

function cll(id){

if(id==1){

eval("divId1.style.display=\"\";");

eval("divId2.style.display=\"none\";");

}

else{

eval("divId2.style.display=\"\";");

eval("divId1.style.display=\"none\";");

}

html:

选择

1

2