下拉列表选定的索引更改事件

dropdown selected indexchange event

本文关键字：事件 索引 下拉列表      更新时间：2023-09-26

>我有下拉列表。 对于一个下拉列表，所选项目需要触发选定的索引更改事件，对于另一个值，需要显示div 。

     <asp:DropDownList ID="ddlSortBy" runat="server" Width="100%" AutoPostBack="true" 
                                    onchange="ddlvalue()"  OnSelectedIndexChanged="ddlSortBy_SelectedIndexChanged" >
                                   <asp:ListItem Text="Select" Selected="True"></asp:ListItem>
                                   <asp:ListItem Text="File Name A-Z" ></asp:ListItem>
                                   <asp:ListItem Text="File Name Z-A" ></asp:ListItem>
                                   <asp:ListItem Text="File Type A-Z" ></asp:ListItem>
                                    <asp:ListItem Text="File Type Z-A" ></asp:ListItem>
                                   <asp:ListItem Text="Uploaded Date" ></asp:ListItem>
                                </asp:DropDownList>

和Javascript函数

     function ddlvalue() {
        var sel = document.getElementById('<%=ddlSortBy.ClientID %>');
       // alert(sel.selectedIndex);
        if (sel.selectedIndex == "5") {
            document.getElementById('<%=divDate.ClientID %>').style.display = 'block';
        }
        else {
            document.getElementById('<%=divDate.ClientID %>').style.display = 'none';
        }
    }

和服务器端更改事件

              protected void ddlSortBy_SelectedIndexChanged(object sender, EventArgs e)
    {  
    }

> 当你想做回发和其他false时，你可以从javascript返回true。

目录 

onchange="return ddlvalue()"

爪哇语

function ddlvalue() {
    var sel = document.getElementById('<%=ddlSortBy.ClientID %>');
   // alert(sel.selectedIndex);
    if (sel.selectedIndex == "5") {
        document.getElementById('<%=divDate.ClientID %>').style.display = 'block';
        return false; 
    }
    else {
        document.getElementById('<%=divDate.ClientID %>').style.display = 'none';
        return true; 
    }
}
相关文章：