帶文本輸入的jQuery模態消息

我試圖通過添加一個asp：Textbox來編輯jQuery模態消息框。用戶點擊Button1後，出現對話框，提示用戶輸入一個QtyRun（double）。最後他們按Enter鍵。帶文本輸入的jQuery模態消息

如何將對話框中的用戶輸入傳遞給aspx窗體上的變量或aspx控件（如標籤）？

這裏是我的腳本和ASPX代碼：

<script> $(function() { 
$('#Button1').click(function() { 
    $("#dialog-message").dialog({ 
    modal: true, 
    buttons: { 
    Enter: function() { 
     $('<%= Label1.Text %>').val($('<%= qtyRunText.Text %>').val()); 
       $(this).dialog("close"); 
     }}}); 
    }) 
});

<form id="form1" runat="server"> 
    <asp:Button ID="Button1" runat="server" Text="Button" /> 
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
<div id="dialog-message" title="Roll# Found!" style="display:none"> 
<p> 
Enter QtyRun: <asp:TextBox ID="qtyRunText" runat="server"></asp:TextBox> 
</p> 
</div> 
</form>

來源

2015-02-10 terbubbs

的第一個問題就是爲什麼你需要在服務器控件的值。

但是，這裏是你如何能做到這一點：

你需要你的ASP控件的ID：

Enter: function() { 
     $('#<%=Label1.ID%>').val($('#<%=qtyRunText.ID%>').val()); 
       $(this).dialog("close"); 
     }}});

如果設置在服務器端的ID屬性，此功能將更加友好：

Label1.ID = "asp_mylabel"; 
qtyRunText.ID = "asp_QtyRunText";

在JavaScript你可以調用$('#asp_mylabel')和$('#asp_QtyRunText')

來源

2015-02-10 17:06:52 celerno

感謝您的迴應。用戶執行一些成功的任務後，系統會提示他們輸入一個值。我想我需要在服務器控件中使用這些值，因爲我想稍後將它們傳遞到sql查詢中，以便稍後更新表格和gridview。我唯一計劃使用jQueryUI的是messagebox。如果你有一個更好的方法建議，我很想知道。謝謝您的回覆！ – terbubbs 2015-02-10 18:06:28

@terbubbs那麼.ID屬性就是你需要的。在那裏閱讀最佳做法。祝你好運。 – celerno 2015-02-10 21:22:11

謝謝@celerno – terbubbs 2015-02-10 21:31:04

帶文本輸入的jQuery模態消息

回答

相關問題