如何更改jQuery中的标签文本?
我有一个单选button列表,并单击单选button项目,我必须更改其标签的文本。 但由于某种原因,它不工作。 代码如下:
<asp:Label ID="lblVessel" Text="Vessel:" runat="server" ></asp:Label> <script language="javascript"> $(document).ready(function() { $('#rblDiv input').click(function() { var selected= $("#rblDiv input:radio:checked").val(); if(selected == "exportpack") { $('#lblVessel').text("NewText"); } }); }); </script>
请指教
ASP.Net 自动为服务器端控件生成唯一的客户端ID 。
将其更改为
$('#<%= lblVessel.ClientID %>')
在ASP.Net 4.0中,您也可以将ClientIDMode
属性设置为Static
。
我遇到同样的问题,因为我正在使用
$("#LabelID").val("some value");
我了解到,您可以使用临时jquery方法清除它,然后追加:
$("#LabelID").empty(); $("#LabelID").append("some Text");
或者按惯例,你可以使用:
$("#LabelID").text("some value");
要么
$("#LabelID").html("some value");
尝试这个:
$('[id$=lblVessel]').text("NewText");
id$=
将匹配以文本结尾的元素,这是ASP.NET自动生成ID的方式。 您可以使用span[id=$=lblVessel]
使其更安全,但通常这不是必需的。
<asp:RadioButtonList ID="rbtnType" runat="server"> <asp:ListItem Value="C">Co</asp:ListItem> <asp:ListItem Value="I">In</asp:ListItem> <asp:ListItem Value="O">Out</asp:ListItem> </asp:RadioButtonList> <br /> <asp:Label ID="lblLabelName" runat="server"></asp:Label> <script type="text/javascript"> $(document).ready(function() { $("#<%=rbtnType.ClientID%>").change(function() { var rbvalue = $("input[@name=<%=rbtnType.ClientID%>]:radio:checked").val(); if (rbvalue == "C") { $('#<%=lblLabelName.ClientID %>').html('text1'); } else if (rbvalue == "I") { $('#<%=lblLabelName.ClientID %>').html('else text2'); } else if (rbvalue == "O") { $('#<%=lblLabelName.ClientID %>').html('or elsethistext'); } }); }); </script>
我刚刚经历了这个,find了解决办法。 看到一个ASP.NET标签服务器控件实际上被作为一个跨度(而不是input)被redirect,所以使用.val()属性来获取/设置将不起作用。 相反,您必须结合使用控件.ClientID属性来使用span上的“text”属性。 以下代码将起作用:
$("#<%=lblVessel.ClientID %>").text('NewText');
$('#<%= lblVessel.ClientID %>').html('New Text');
ASP.net标签将在浏览器中呈现为一个跨度。 所以用户'html'。
我们必须在此基础上find属性值的标签标签。我们已经replace了标签文本。
脚本:
<script type="text/javascript"> $(document).ready(function() { $("label[for*='test']").html("others"); }); </script>
HTML
<label for="test_992918d5-a2f4-4962-b644-bd7294cbf2e6_FillInButton">others</label>
你想要更多的细节。点击这里
尝试这个
$("label").html(your value);
或$("label").text(your value);