如何修改标签文本?

我有一个单选按钮列表，点击单选按钮项目，我必须改变其标签的文本。但不知什么原因，它不管用。代码如下:

<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>
831115 次浏览
小开
最佳答案

ASP。净自动为服务器端控件生成唯一的客户端id。

改为

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

在ASP。Net 4.0中，你也可以将ClientIDMode财产设置为Static。

小开

试试这个:

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

id$=将匹配以该文本结尾的元素，这就是ASP。NET自动生成id。你可以使用span[id=$=lblVessel]来使它更安全，但通常这是不必要的。

小开

我自己经历了这一切，找到了解决办法。看ASP。NET标签服务器控件实际上被定义为span(而不是输入)，因此使用.val()属性来获取/设置将不起作用。相反，你必须在使用控件的. clientid属性的同时使用span上的'text'属性。下面的代码将工作:

$("#<%=lblVessel.ClientID %>").text('NewText');
小开 
<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>
小开

我也有同样的问题，因为我在吸毒

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

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

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

或者按照惯例，你可以用:

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

或

$("#LabelID").html("some value");
小开 
$('#<%= lblVessel.ClientID %>').html('New Text');

ASP.net Label将在浏览器中呈现为一个span。用户'html'。

小开

我们必须在此基础上为属性值找到标签标签。我们有替换标签文本。

脚本:

<script type="text/javascript">
$(document).ready(function()
{
$("label[for*='test']").html("others");
});


</script>

超文本标记语言

<label for="test_992918d5-a2f4-4962-b644-bd7294cbf2e6_FillInButton">others</label>

你想了解更多详细信息。点击这里

小开

试试这个

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

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

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

提交答案