将文本框值传递给标签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标签

回答

相关问题