选择 DropDownList 值的 Javascript 事件？

Question

我有一个 DropDownList，它有两个选项是和否。我现在正在使用 onchange 事件，但第一次加载页面时，它不会被触发，并且下拉列表中的值是 yes。(因为值尚未更改。)我想根据当前值设置控件的可见性下拉列表。

ASPX

<asp:DropDownList ID="ddlAriba" onchange="ddlAribaChange(this);" runat="server"              ClientIDMode="Static" CssClass="FormText" AutoPostBack="True">
    <asp:ListItem Value="Y" Selected='True'>Yes</asp:ListItem>
    <asp:ListItem Value="N">No</asp:ListItem>
</asp:DropDownList>

JAVACRIPT

function ddlAribaChange(ddl) {
    var txtAribaDocumentNumber = document.getElementById("txtAribaDocumentNumber");
    var ddlAribaReason = document.getElementById("ddlAribaReason");
    //alert(ddl.options[ddl.selectedIndex].text);
    if (ddl.options[ddl.selectedIndex].text == 'Yes') {
        txtAribaDocumentNumber.style.display = 'inherit';
        ddlAribaReason.style.display = 'none';
    } else {
        txtAribaDocumentNumber.style.display = 'none';
        ddlAribaReason.style.display = 'inherit';
    }
}

Answer 1

我认为这个问题与页面生命周期有关。 也许使用代码隐藏而不是 javascript 显示/隐藏你的[选择]会更好。