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