Question

aspx如何让DropDownList控件触发SelectedIndexChanged事件时不刷新页面

假如我有三个控件，只显示其中一个，其他两个隐藏，通过更改DropDownList的选中项来决定显示哪一个，但不能刷新页面，貌似JS脚本能实现吧，关键是触发SelectedIndexChanged事件时会刷新页面，就算是JS脚本能实现控件的显示和隐藏，页面还是刷新的话也不行，关键是不让页面刷新！望高手解答！

Answer 1

<asp:DropDownList runat="server" ID="dl" onchange="dl_Changed()">
    <asp:ListItem Text="a"></asp:ListItem>
    <asp:ListItem Text="b"></asp:ListItem>
</asp:DropDownList>
<script type="text/javascript">
    function dl_Changed(){
        //你用js控制页面显示的代码 
    }   
</script>

其中onchange="dl_Changed()"就是执行js的dl_Changed的方法。

不懂可以再问我

追问

选0时显示TextBox1,选1时显示Button1,帮忙写下JS脚本吧！

追答

function dl_Changed(){
    var val = document.getElementById("<%= dl.ClientID %>").value;
    if(val=="0"){
        document.getElementById("<%= TextBox1.ClientID %>").style.display = "inline";
        document.getElementById("<%= Button1.ClientID %>").style.display = "none";  
    }
    else if(val=="1"){
        document.getElementById("<%= TextBox1.ClientID %>").style.display = "none";
        document.getElementById("<%= Button1.ClientID %>").style.display = "inline";       
    }   
}

Answer 2

用简单js实现 把.net 控件当 html控件处理

Answer 3

AJAX控件！