下拉选择 indexchange 事件答案

【问题标题】：dropdown selected indexchange event下拉选择 indexchange 事件
【发布时间】：2013-09-15 04:36:21
【问题描述】：

我有下拉菜单。对于一个下拉选定项需要触发选定索引更改事件，对于另一个值需要显示 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)
    {  
    }

【问题讨论】：

标签： javascript asp.net drop-down-menu selectedindexchanged

【解决方案1】：

当您想要回发时，您可以从 javascript 返回 true，否则返回 false。

HTML

onchange="return ddlvalue()"

Javascript

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; 
    }
}

【讨论】：