asp.net服务器控件调用js

转载于 2014-02-13 16:07:42 发布 · 3.9k 阅读

文章标签：

#服务器 #控件 #js

C# 专栏收录该内容

24 篇文章

订阅专栏

本文深入探讨了如何在ASP.NET环境中通过服务器控件与JavaScript进行交互，具体展示了DropDownList控件如何触发JavaScript函数实现动态显示隐藏Div元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

asp.net服务器控件调用js

<asp:DropDownList id="DropDownList1" runat="server">
<asp:ListItem Value="1">11111</asp:ListItem>
<asp:ListItem Value="2">222222</asp:ListItem>
</asp:DropDownList>
<div id="div1">11111</div>
<div id="div2">22222</div>

function change()
{
//下面这句使用Form1.DropDownList1.value无法得到value，要用getElementById
    if(document.getElementByIdx ('DropDownList1').value=="1")
    {
        div2.style.display = "none";
        div1.style.display = "block";
    }
    else
    {
            div2.style.display = "block";
            div1.style.display = "none";
   } 
}

//下面是重点，为DropDownList1控件的onChange事件绑定js的change()函数
private void Page_Load(object sender, System.EventArgs e)
{
     
    DropDownList1.Attributes.Add("onChange", "change();");
}