javascript - document.getElementById() 返回 NULL 从 DropDownList 获取值

Question

我有这个代码：

<td style="text-align: center;">
            <asp:DropDownList ID="ddlOpRep" runat="server" Width="70px">
                <asp:ListItem Value="1">1</asp:ListItem>
                <asp:ListItem Value="2">2</asp:ListItem>
                <asp:ListItem Value="3">3</asp:ListItem>
            </asp:DropDownList>
        </td>

现在我想在 ddlOpRep 中显示带有所选值的确认消息：

<asp:Button ID="btnRelease" runat="server" Text="Release" Width="130px" 
         OnClientClick="return confirmRelease();" onclick="btnRelease_Click" />

<script type="text/javascript">
    function confirmRelease() {
        var OpRep = document.getElementById("ddlOpRep");           

        return confirm('Are you sure you want to release this configuration: OpRep: ' + OpRep + ' ?');
    }
</script>

但我null开始了var OpRep = document.getElementById("ddlOpRep");

所以甚至没有机会得到var OpRep = document.getElementById("ddlOpRep").value;

Answer 1

它是 ASP.NET，获取ClientID

var OpRep = document.getElementById("<%= ddlOpRep.ClientID %>");

Answer 2

在 javascript 函数中，您需要传递实际生成的下拉列表 ID。因此，您可以像这样获取客户端ID

document.getElementById("<%= ddlOpRep.ClientID %>");

或者您可以设置ClientIdMode="Static"in 下拉属性。

<asp:DropDownList ID="ddlOpRep" runat="server" Width="70px" ClientIdMode="Static">

Answer 3

使用 ClientID 获取元素，因为您使用的是 ASP.NET。它应该看起来像这样：

var newObject = document.getElementById("<%= ASPObject.ClientID %>");

其中 ASPObject 是您要查找的 ASP.NET 对象。