在DropDownList更改时没有Javascript的纯CSS弹出窗口

Question

我有用户的组策略阻止Javascript;所以任何使用都是不可能的。

我找到了一个执行我需要的功能的页面： Google PHP Client API: Insufficient Permission

但是，单击锚点后会触发弹出窗口。

我的问题是我希望弹出窗口在asp：DropDownList中触发事件更改。我的意图是如果一个项目没有在DDL中列出，那么用户将能够选择第一个项目“未列出”。在此选择之后，我需要打开弹出窗口，其中的元素将允许他们将项目添加到填充DDL的数据库中。

我试图在DDL OnSelectedIndexChanged事件中使用以下内容：

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<!-- Main Wrapper -->
<div class="wrapper wrapper-style2">
    <div class="container">
        <!-- breadcrumbs -->
        <br />
        <div class="row 200%">
            <div class="12u">
                <!-- Content -->
                <div id="maincontent" runat="server">
                    <asp:UpdatePanel ID="upInputarea" runat="server" UpdateMode="Conditional" AssociatedUpdatePanelID="updateProgress">
                        <ContentTemplate>
                            <%-- Equipment Data --%>
                            <section class="box post">
                                <h3 class="bold">Equipment Data</h3>
                                <asp:UpdatePanel ID="upEquipmentData" runat="server" UpdateMode="Conditional" AssociatedUpdatePanelID="updateProgress">
                                    <ContentTemplate>
                                        <div id="EquipmentDataDiv2" runat="server" style="float: left; border-left: 2px solid rgba(144, 144, 144, 0.25); margin-right: auto; margin-left: auto;">
                                            <asp:Panel ID="Pnl1" runat="server" CssClass="inputSet2">
                                                <span>Model:</span>
                                                <asp:DropDownList ID="ddlEquipmentDataModel" runat="server" AppendDataBoundItems="true" AutoPostBack="false" CssClass="round-corners " DataSourceID="SqlModel" DataTextField="Model" DataValueField="ID" />
                                            </asp:Panel>
                                            <asp:Panel ID="Pnl2" runat="server" CssClass="inputSet2">
                                                <span>Item:</span>
                                                <asp:DropDownList ID="ddlEquipmentDataItem" runat="server" AppendDataBoundItems="true" AutoPostBack="true" CssClass="round-corners width1" DataSourceID="SqlItem" DataTextField="Component" DataValueField="ID" OnSelectedIndexChanged="ddl_SelectedIndexChanged" />
                                            </asp:Panel>
                                            <asp:Panel ID="Pnl5" runat="server" CssClass="inputSet2">
                                                <span>S/N:</span>
                                                <asp:TextBox ID="txtEquipmentDataSN" runat="server" CssClass="round-corners " />
                                            </asp:Panel>
                                        </div>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </section>

                            <%-- Submit Button --%>
                            <section class="box post">
                                <div class="inputSet">
                                    <asp:UpdatePanel ID="upSubmit" runat="server" UpdateMode="Conditional" AssociatedUpdatePanelID="updateProgress">
                                        <ContentTemplate>
                                            <asp:LinkButton ID="lbSubmit" runat="server" class="button icon fa-info-sign" Style="cursor: pointer;" OnClick="btn_Click" Text="Submit" />
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                            </section>


                            <div id="popup1" runat="server" class="overlay">
                                <div class="css_popup">
                                    <h2>Add Component to Database</h2>
                                    <a class="close" href="#">&times;</a>
                                    <div class="content">
                                        <asp:Panel ID="Panel13" runat="server" CssClass="inputSet2">
                                            <span>Item:</span>
                                            <asp:TextBox ID="txtNewItem" runat="server" CssClass="round-corners " />
                                        </asp:Panel>
                                        <asp:Panel ID="Panel14" runat="server" CssClass="inputSet2">
                                            <span>NSN:</span>
                                            <asp:TextBox ID="txtNewNSN" runat="server" CssClass="round-corners " />
                                        </asp:Panel>
                                        <asp:Panel ID="Panel15" runat="server" CssClass="inputSet2">
                                            <asp:LinkButton ID="lbAddItem" runat="server" class="button icon fa-info-sign" Style="cursor: pointer;" OnClick="btn_Click" Text="Add Item" />
                                        </asp:Panel>
                                    </div>
                                </div>
                            </div>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </div>
            </div>
        </div>
    </div>
</div>

<asp:UpdateProgress ID="updateProgress" runat="server">
    <ProgressTemplate>
        <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
            <div class="fancybox-loading">
                <asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/fancybox/fancybox_loading.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="margin-top: -22px; margin-left: -22px; position: fixed; top: 51%; left: 51%; background: url('/fancybox/fancybox_sprite2.png'); background-position: 2 -2px;" />
            </div>
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

这个想法失败了。我相信这是因为我在更新面板中有它。设置如下：

U = svd.matrixU()

这些元素的CSS与上面提供的链接相同。