上面的代码有误,重发下!
<html><head>
<title>选项卡效果</title>
<style>
.conts {visibility:hidden}
.tab { border-top:solid thin #E0E0E0;
border-right:solid thin gray;
border-left:solid thin #E0E0E0;
font-family:Verdana;
font-size:10pt;
text-align:center;
font-weight:normal}.selTab { border-left:solid thin white;
border-top:solid thin white;
border-right:solid thin black;
font-weight:bold;
text-align:center}</style>
<script LANGUAGE="JavaScript">function public_Labels(label1, label2, label3, label4, label5, label6, label7){
t1.innerText = label1;
t2.innerText = label2;
t3.innerText = label3;
t4.innerText = label4;
t5.innerText = label5;
t6.innerText = label6;
t7.innerText = label7;
}//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){ t1Contents.innerHTML = contents1;
t2Contents.innerHTML = contents2;
t3Contents.innerHTML = contents3;
t4Contents.innerHTML = contents4;
t5Contents.innerHTML = contents5;
t6Contents.innerHTML = contents6;
t7Contents.innerHTML = contents7; init();
}//sets the default display to tab 1
function init(){
tabContents.innerHTML = t1Contents.innerHTML;
} //this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;
function changeTabs(){ if(firstFlag == true){
currentTab = t1;
tabBase = t1base;
firstFlag = false;
} if(window.event.srcElement.className == "tab"){ currentTab.className = "tab"; tabBase.style.backgroundColor = "white"; currentTab = window.event.srcElement; tabBaseID = currentTab.id + "base"; tabContentID = currentTab.id + "Contents"; tabBase = document.all(tabBaseID); tabContent = document.all(tabContentID); currentTab.className = "selTab";
tabBase.style.backgroundColor = ""; tabContents.innerHTML = tabContent.innerHTML; }
}</script>
<script LANGUAGE="JavaScript">function public_Labels(label1, label2, label3, label4, label5, label6, label7){
t1.innerText = label1;
<html><head>
<title>选项卡效果</title>
<style>
.conts {visibility:hidden}
.tab { border-top:solid thin #E0E0E0;
border-right:solid thin gray;
border-left:solid thin #E0E0E0;
font-family:Verdana;
font-size:10pt;
text-align:center;
font-weight:normal}.selTab { border-left:solid thin white;
border-top:solid thin white;
border-right:solid thin black;
font-weight:bold;
text-align:center}</style>
<script LANGUAGE="JavaScript">function public_Labels(label1, label2, label3, label4, label5, label6, label7){
t1.innerText = label1;
t2.innerText = label2;
t3.innerText = label3;
t4.innerText = label4;
t5.innerText = label5;
t6.innerText = label6;
t7.innerText = label7;
}//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){ t1Contents.innerHTML = contents1;
t2Contents.innerHTML = contents2;
t3Contents.innerHTML = contents3;
t4Contents.innerHTML = contents4;
t5Contents.innerHTML = contents5;
t6Contents.innerHTML = contents6;
t7Contents.innerHTML = contents7; init();
}//sets the default display to tab 1
function init(){
tabContents.innerHTML = t1Contents.innerHTML;
} //this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;
function changeTabs(){ if(firstFlag == true){
currentTab = t1;
tabBase = t1base;
firstFlag = false;
} if(window.event.srcElement.className == "tab"){ currentTab.className = "tab"; tabBase.style.backgroundColor = "white"; currentTab = window.event.srcElement; tabBaseID = currentTab.id + "base"; tabContentID = currentTab.id + "Contents"; tabBase = document.all(tabBaseID); tabContent = document.all(tabContentID); currentTab.className = "selTab";
tabBase.style.backgroundColor = ""; tabContents.innerHTML = tabContent.innerHTML; }
}</script>
<script LANGUAGE="JavaScript">function public_Labels(label1, label2, label3, label4, label5, label6, label7){
t1.innerText = label1;
t3.innerText = label3;
t4.innerText = label4;
t5.innerText = label5;
t6.innerText = label6;
t7.innerText = label7;
}//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){ t1Contents.innerHTML = contents1;
t2Contents.innerHTML = contents2;
t3Contents.innerHTML = contents3;
t4Contents.innerHTML = contents4;
t5Contents.innerHTML = contents5;
t6Contents.innerHTML = contents6;
t7Contents.innerHTML = contents7; init();
}//sets the default display to tab 1
function init(){
tabContents.innerHTML = t1Contents.innerHTML;
} //this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;
function changeTabs(){ if(firstFlag == true){
currentTab = t1;
tabBase = t1base;
firstFlag = false;
} if(window.event.srcElement.className == "tab"){ currentTab.className = "tab"; tabBase.style.backgroundColor = "white"; currentTab = window.event.srcElement; tabBaseID = currentTab.id + "base"; tabContentID = currentTab.id + "Contents"; tabBase = document.all(tabBaseID); tabContent = document.all(tabContentID); currentTab.className = "selTab";
tabBase.style.backgroundColor = ""; tabContents.innerHTML = tabContent.innerHTML; }
}</script>
</head><body onclick="changeTabs()" onLoad="init()">
<div
STYLE="position:absolute; top:14px; height:350; width:500; left:9px; border:none thin gray"><table STYLE="width:600; height:350" CELLPADDING="0" CELLSPACING="0" bgcolor="c0c0c0">
<tr>
<td HEIGHT="25" bgcolor="#FFFFFF" CLASS="selTab" ID="t1">选项 1</td>
<td bgcolor="#9999CC" CLASS="tab" ID="t2">选项 2</td>
<td ID="t3" CLASS="tab">选项 3</td>
<td ID="t4" CLASS="tab">选项 4</td>
<td ID="t5" CLASS="tab">选项 5</td>
<td ID="t6" CLASS="tab">选项 6</td>
<td ID="t7" CLASS="tab">选项 7</td>
</tr>
<tr>
<td ID="t1base" STYLE="height:2; border-left:solid thin white"></td>
<td ID="t2base" STYLE="height:2; background-color:white"></td>
<td ID="t3base" STYLE="height:2; background-color:white"></td>
<td ID="t4base" STYLE="height:2; background-color:white"></td>
<td ID="t5base" STYLE="height:2; background-color:white"></td>
<td ID="t6base" STYLE="height:2; background-color:white"></td>
<td ID="t7base" STYLE="height:2; background-color:white; border-right:solid thin white"></td>
</tr>
<tr>
<td HEIGHT="*" COLSPAN="7" bgcolor="#999933" ID="tabContents"
STYLE=" border-left:solid thin white;border-bottom:solid thin white;border-right:solid thin white">sample
contents</td>
</tr>
</table>
</div><div CLASS="conts" ID="t1Contents"><p align="center">/editnews/UploadFile/2007915225011974.gif</p>
</div><div CLASS="conts" ID="t2Contents">
</div><div CLASS="conts" ID="t3Contents"><p align="center">Tab3的内容 </p>
</div><div CLASS="conts" ID="t4Contents"><p align="center">Tab4的内容 </p>
</div><div CLASS="conts" ID="t5Contents"><p align="center">Tab5的内容 </p>
</div><div CLASS="conts" ID="t6Contents"><p align="center">Tab6的内容 </p>
</div><div CLASS="conts" ID="t7Contents"><p align="center">Tab7的内容 </p>
</div><p align="center" style="line-height: 20px"><font color="#666666"><span
style="font-size: 9pt"> </span></font></p><p align="center" style="line-height: 20px"><font color="#666666"><span
style="font-size: 9pt"> </span></font></p><p align="center" style="line-height: 20px"><font color="#666666"><span
style="font-size: 9pt"> </span></font></p>
<p align="center" style="line-height: 20px"><font color="#666666"><span
style="font-size: 9pt"><br>
<br>
</span></font></p>
<form method="post" name="test">
<select name="select1" onChange="select()"></select>
<select name="select2"></select>
<select name="select3"></select>
</form>
<script language="javascript">
<!--
var arrText = new Array(5);
var arrValue = new Array(arrText.length);
function objSetOption(select1, select2, select3) {
this.select1 = select1;
this.select2 = select2;
this.select3 = select3;
}
arrText[0]= new objSetOption("选择1:", "选择2_1:,选择2_2:", "选择3_1:,选择3_2:");
arrText[1] = new objSetOption("论文:1", "语文:1,数学:2,英语:3", "初中:2,高中:3");
arrText[2] = new objSetOption("例题:2", "显示b2_1:值b2_1,显示b2_2:值b2_2", "显示b3_1:值b3_1,显示b3_2:值b3_2");
arrText[3] = new objSetOption("显示c:值c", "显示c2_1:值c2_1,显示c2_2:值c2_2", "显示c3_1:值c3_1,显示c3_2:值c3_2");
arrText[4] = new objSetOption("显示d:值d", "显示d2_1:值d2_1,显示d2_2:值d2_2", "显示d3_1:值d3_1,显示d3_2:值d3_2");
arrText[5] = new objSetOption("显示e:值e", "显示e2_1:值e2_1,显示e2_2:值e2_2", "显示e3_1:值e3_1,显示e3_2:值e3_2");
function select() {
var eltSelect1 = document.test.select1;
var eltSelect2 = document.test.select2;
var eltSelect3 = document.test.select3;
var arrSelect1, arrSelect2, arrSelect3;
var arrData1, arrData2, arrData3;
with(eltSelect1) {
var strSelect = options[selectedIndex].value;
}
for(i = 0;i < arrText.length;i ++) {
arrSelect1 = arrText[i].select1;
arrData1 = arrSelect1.split(":");
if (arrData1[1] == strSelect) {
arrSelect2 = (arrText[i].select2).split(",");
for(j = 0;j < arrSelect2.length;j++) {
arrData2 = arrSelect2[j].split(":");
with(eltSelect2) {
length = arrSelect2.length;
options[j].text = arrData2[0];
options[j].value = arrData2[1];
}
}
arrSelect3 = (arrText[i].select3).split(",");
for(j = 0;j < arrSelect3.length;j++) {
arrData3 = arrSelect3[j].split(":");
with(eltSelect3) {
length = arrSelect3.length;
options[j].text = arrData3[0];
options[j].value = arrData3[1];
}
}
break;
}
}
}
function init() {
var eltSelect1 = document.test.select1;
var eltSelect2 = document.test.select2;
var eltSelect3 = document.test.select3;
var arrSelect1, arrSelect2, arrSelect3;
var arrData1, arrData2, arrData3;
if (eltSelect1 != undefined && eltSelect2 != undefined && eltSelect3 != undefined) {
with(eltSelect1) {
length = arrText.length;
for(i = 0;i < arrText.length;i ++) {
arrSelect1 = arrText[i].select1;
arrData1 = arrSelect1.split(":");
options[i].text = arrData1[0];
options[i].value = arrData1[1];
}
}
with(eltSelect2) {
arrSelect2 = (arrText[0].select2).split(",");
length = arrSelect2.length;
for(i = 0;i < length;i ++) {
arrData2 = arrSelect2[i].split(":");
options[i].text = arrData2[0];
options[i].value = arrData2[1];
}
}
with(eltSelect3) {
arrSelect3 = (arrText[0].select3).split(",");
length = arrSelect3.length;
for(i = 0;i < length;i ++) {
arrData3 = arrSelect3[i].split(":");
options[i].text = arrData3[0];
options[i].value = arrData3[1];
}
}
}
}
init();
// -->
</script></body>
</html>
</xmp>