如何更改标签的文字？

Question

我有一个单选按钮列表，单击单选按钮项目时，我必须更改其标签的文本。但由于某种原因它不起作用。代码如下：

<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>

Answer 1

我遇到了同样的问题，因为我正在使用

$("#LabelID").val("some value");

我了解到您可以使用临时 jquery 方法先清除它，然后追加：

$("#LabelID").empty();
$("#LabelID").append("some Text");

或者按照惯例，您可以使用：

$("#LabelID").text("some value");

OR

$("#LabelID").html("some value");

Answer 2

ASP.Net 自动为服务器端控件生成唯一的客户端 ID。

将其更改为

 $('#<%= lblVessel.ClientID %>')

在 ASP.Net 4.0 中，您还可以设置 将ClientIDMode属性改为Static。

Answer 3

试试这个：

$('[id$=lblVessel]').text("NewText");

id$= 将匹配以该文本结尾的元素，这就是 ASP.NET 自动生成 ID 的方式。您可以使用 span[id=$=lblVessel] 使其更安全，但通常这是没有必要的。

Answer 4

试试这个

$("label").html(your value); 或 $("label").text(your value);

Answer 5

   lable value $('#lablel_id').html(value);

Answer 6

我自己刚刚经历过这个并找到了解决方案。请参阅 ASP.NET 标签服务器控件实际上被重新渲染为跨度（而不是输入），因此使用 .val() 属性来获取/设置将不起作用。相反，您必须在跨度上使用“text”属性并结合使用控件的 .ClientID 属性。以下代码将起作用：

$("#<%=lblVessel.ClientID %>").text('NewText');

Answer 7

我们必须基于此找到属性值的标签标记。我们已经替换了标签文本。

脚本：

<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>

您想要了解更多详细信息。请单击此处

Answer 8

<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>

Answer 9

$('#<%= lblVessel.ClientID %>').html('New Text');

ASP.net Label 将在浏览器中呈现为跨度。所以用户'html'。

Answer 10

在 JS 中尝试一下：

单击标签文本可将其切换为替代文本，同时选择关联的输入字段并将焦点移至同一关联的输入字段。

<script type="text/javascript">"use strict";
  const oldLabelText="ORIGINAL BUTTON TAG TEXT";
  document.write(
    '<label id=labId for=inputId onClick="changeText(this.id)">'+oldLabelText+'</label>:<br>'+
    '<input id="inputId" value="The input value" />'
  );
</script>

<script type="text/javascript">"use strict";
  const stat=[oldLabelText,"NEW LABEL TEXT","THIRD LABEL TEXT","FOURTH LABEL TEXT"];
  let   cptr=0;

  function changeText(button_id){
     var el = document.getElementById(button_id);

     el.textContent = stat[++cptr % (stat.length)];

  // or
  //       el.firstChild.data = stat[++cptr % (stat.length)];

  // or
  //        el.innerHTML = stat[++cptr % (stat.length)];

  // or simply
  //        el.innerHTML = "the new text";
  }
</script>