將文本框值傳遞給標籤ASP.net C＃jQuery UI標籤

我已經看過其他問題和答案，仍然不能解決我的問題。將文本框值傳遞給標籤ASP.net C＃jQuery UI標籤

我使用jQuery UI選項卡有3個標籤：基本信息，付款，確認

我想要做的是基本信息標籤文本框的，和支付選項卡上的值傳遞到一個標籤，是在確認標籤

ASPX：

<ul> 
<li><a href="#tabs-1">Basic Information</a></li> 
<li><a href="#tabs-2">Payment Information</a></li> 
<li><a href="#tabs-3">Confirmation</a></li> 
</ul> 

<div id="tabs-1"> 
<asp:Label runat="server" ID="lblFirstName" Text="First Name" /> 
<asp:TextBox runat="server" ID="tbFirstName" AutoPostBack="true"/> 
<asp:Button runat="server" ID="btnContinue" Text="Continue" CssClass="nexttab" /> 
</div> 

<div id="tabs-2"> 
</div> 

<div id="tabs-3"> 
<asp:Label runat="server" ID="lblConfirmFirstTitle" Text="First Name" /> 
<asp:Label runat="server" ID="lblConfirmFirst" /> 
</div> 

</div>

腳本頭：

$("#btnContinue").click(function() { 
$("#lblConfirmFirst").html($("#tbFirstName.").val()); 
});

下一個選項卡函數可以正常工作，並且當選中下一個選項卡時，這些值將保留在文本框中，但不會傳遞給第3個選項卡上的標籤。

來源

2013-12-23 user3130128

我認爲問題是asp.net重命名您的服務器控件，如果頁面有一個母版頁。將屬性：ClientIDMode =「Static」添加到您的asp控件。

來源

2013-12-23 19:32:24

的仍然不會將tb值發送到另一個選項卡上的標籤。 – user3130128

當你正在使用ASP.NET控件，而呈現的ID將得到改變。使用jQuery Ends With選擇器用於選擇元素。

使用jQuery 文本方法ASP.NET標籤（即HTML跨度），和jQuery VAL爲ASP.NET工具箱方法（即HTML輸入）。

此外，由於按鈕是ASP.NET按鈕，每次單擊它時都會回發，因此請使用返回false;按鈕單擊方法結束時按下。

對於文本框，您有一個AutoPostBack =「true」，這也可能通過在回發時重置標籤文本來產生問題。如果的AutoPostBack = 「真」從文本刪除

下面的代碼將工作。

$(document).ready(function() { 
    $(function() { 
     $("#tabs").tabs(); 
    }); 
    $("input[id$=btnContinue]").click(function() { 
     $("span[id$=lblConfirmFirst]").text($("input[id$=tbFirstName]").val()); 
     return false; 
    }); 
});

來源

2013-12-27 17:41:42 addy2601

將文本框值傳遞給標籤ASP.net C＃jQuery UI標籤

回答

相關問題