select onchange事件的有关问题-ASP教程-爱易网页

select onchange事件的有关问题

日期：2014-05-17　浏览次数：20856 次

select onchange事件的问题
大家好，有谁能帮我一下，挺急的。
就是有一个下拉框，我想用这个下拉框的onchange 事件来显示一个表格，隐藏一个表格。

------解决方案--------------------
<HTML>
<script>
function change()
{
if (document.getElementById( "s1 ").value == "show ")
{
document.getElementById( "tb ").style.display = "block ";
}
else
{
document.getElementById( "tb ").style.display = "none ";
}
}
</script>
<BODY>
<select id= "s1 " onchange= "change() ">
<option value= "show "> 显示 </option>
<option value= "hidden "> 隐藏 </option>
</select>
<TABLE id= "tb " BORDER= "2 ">
<COLGROUP SPAN= "3 " STYLE= "color:gren;background:black ">

<COL STYLE= "color:red ">
</COLGROUP>
<TR>
<TD> 此列位于第一组。 </TD>
<TD> 此列位于第一组。 </TD>
<TD> 此列位于第二组。 </TD>
</TR>
<TR>
<TD> 此列位于第一组。 </TD>
<TD> 此列位于第一组。 </TD>
<TD> 此列位于第二组。 </TD>
</TR>
</TABLE>
</BODY>
</HTML>
------解决方案--------------------
try
-----------------------
<select onchange= "show(); " id= "s1 " SelectedTable= "0 ">
<option value= "1 "> 1 </option>
<option value= "2 "> 2 </option>
<option value= "3 "> 3 </option>

<table id= "table0 ">
<tr>
<td> table1 </td>
</tr>
</table>

<table id= "table1 " style= "display:none ">
<tr>
<td> table2 </td>
</tr>
</table>

<table id= "table2 " style= "display:none ">
<tr>
<td> table3 </td>
</tr>
</table>
</select>

<script language= "javascript ">
function show(){
document.getElementById( "table " + s1.SelectedTable).style.display= "none ";
document.getElementById( "table " + s1.selectedIndex).style.display= " ";
s1.SelectedTable = s1.selectedIndex;
}

</script>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

select onchange事件的有关问题

相关资料更多>

推荐阅读更多>