我的表格中有一個下拉列表，其中有一個空白項目，如果在下拉列表中選擇該空白項目時按下按鈕，我希望在標簽中顯示一條錯誤消息<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownListParedesinteriores_ItemChanged"> <asp:ListItem Text="" Value="-1"></asp:ListItem> <asp:ListItem Value='5'>Excellent</asp:ListItem> <asp:ListItem Value="4">Very good</asp:ListItem> <asp:ListItem Value="3">Good</asp:ListItem> <asp:ListItem Value="2">Bad</asp:ListItem> <asp:ListItem Value="1">Very bad</asp:ListItem> </asp:DropDownList><asp:Button ID="Button1" runat="server" Text="Button" /><asp:Label ID="Label9" runat="server" Text=""></asp:Label>這是我的 Jquery<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function () { $("#Button1").click(function () { var a = $("#<%= DropDownList1.ClientID %>"); if (a.val() === "-1") { document.getElementById("Label9").innerHTML = "<b>Please select an option</b>"; document.getElementById("Label9").style.color = "red"; } else { document.getElementById("Label9").innerHTML = "<b>Comfirmed</b>"; document.getElementById("Label9").style.color = "green"; } }) }) </script>
2 回答
搖曳的薔薇
TA貢獻1793條經(jīng)驗 獲得超6個贊
首先，這個按鈕是一個服務(wù)器端按鈕，您必須使用 onClientClick="return false" 禁用回發(fā)才能在客戶端工作。其次，為了使用 Button1 作為 id($("#Button1")) 您需要將 ClientIDMode 更改為 static 同樣適用于標簽
<asp:Button ID="Button1" runat="server" Text="Button" onClientClick="return false" ClientIDMode="Static" />
<asp:Label ID="Label9" runat="server" Text="" ClientIDMode="Static"></asp:Label>
如果您不想使用靜態(tài)客戶端 ID，則必須替換
$("#Button1") with $("#<%= Button1.ClientID %>")
document.getElementById("Label9") with document.getElementById("<%= Label9.ClientID %>")
不負相思意
TA貢獻1777條經(jīng)驗 獲得超10個贊
您的按鈕 1 選擇器“$(”#Button1).click”單擊事件不會像下拉列表那樣考慮客戶端 ID。如果 jquery 找不到按鈕 1 的任何內(nèi)容并且單擊事件從未被觸發(fā)，則可能會導致問題。
一個可能的修復(fù)方法是將選擇器更改為與使用 jquery 獲取下拉列表的行中相同的選擇器。
- 2 回答
- 0 關(guān)注
- 177 瀏覽
添加回答
舉報
0/150
提交
取消