读书人

js控制panel的示出常~解决思路

发布时间: 2012-01-22 22:38:43 作者: rapoo

js控制panel的示出常~~~~~
<script>
function SelectType()
{
var panel1=document.getElementById( "Panel1 ");
var panel2=document.getElementById( "Panel2 ");
var list=document.getElementById( "list ");

var v=list.options[list.selectedIndex].text;

if(v== "panel1 ")
{
alert( "Panel1 ");
panel2.visible=false;
panel1.visible=true;
}
if(v== "panel2 ")
{
alert( "Panel2 ");
panel1.visible=true;
panel2.visible=false;
}
}
</script>

------
page_load
---
if (!IsPostBack)
{
list.Items.Add( "panel1 ");
list.Items.Add( "panel2 ");

list.Attributes.Add( "onchange ", "SelectType() ");

}
-----------------------
alert事件可以行,但是panel有反~~????

[解决办法]
panel.style.display = "none ";

[解决办法]
隐藏
panel.style.display = "none ";

显示
panel.style.display = " ";
[解决办法]
panel2.visible=false;
panel1.visible=true;
------------------------
这是ASP.NET的写法,不是JS的写法:

try:
function SelectType()
{
var panel1=document.getElementById( " <%=Panel1.ClientID> ");
var panel2=document.getElementById( " <%=Panel2.ClientID> ");
var list=document.getElementById( " <%=list.ClientID> ");

var v=list.options[list.selectedIndex].text;

if(v== "panel1 ")
{
alert( "Panel1 ");
panel2.style.display= "none ";
panel1.style.display= "block ";
}
if(v== "panel2 ")
{
alert( "Panel2 ");
panel1.style.display= "none ";
panel2.style.display= "block ";
}
}
------解决方案--------------------


LS的都是正解~
[解决办法]
正解都出来了,楼主得恶补一下JS

读书人网 >asp.net

热点推荐