Bagaimana cara mengubah teks label?

175

Saya memiliki daftar radiobutton dan klik pada item tombol radio saya harus mengubah teks labelnya. Tetapi untuk beberapa alasan itu tidak berfungsi. Kode di bawah ini:

<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>
javascript jquery html asp.net label Amit
sumber
Saya bukan orang ASP.NET tapi saya pikir id yang dihasilkan untuk browser tidak menyimpan ID yang Anda berikan di sisi server. Lakukan sumber tampilan dan rekatkan kode yang relevan di sini.
Allain Lalonde

Jawaban:

275

Saya mengalami masalah yang sama karena saya menggunakan 

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

Saya belajar bahwa Anda dapat menggunakan metode jquery sementara untuk menghapusnya terlebih dahulu kemudian menambahkan:

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

Atau secara konvensional, Anda dapat menggunakan:

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

ATAU

$("#LabelID").html("some value");
Cabai
sumber
Saya menerapkan hal yang sama tetapi tidak berfungsi. Saya menggunakan halaman anak-anak. Bagaimana saya menulis di halaman anak-anak. Saya menulis $('#contentPlaceHolderId_LabelID')itu tidak berhasil. Saya juga mengubah ClientMode ke Statis tetapi tidak berhasil. Tolong bantu.
Salman Mushtaq
Saya menggunakan $('[id*=LabelID]').text("some value");karena kontrol saya adalah kontrol server.
Ashi
45

Coba ini:

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

Ini id$=akan cocok dengan elemen yang diakhiri dengan teks itu, yang merupakan cara ASP.NET otomatis menghasilkan ID. Anda dapat membuatnya lebih aman menggunakan span[id=$=lblVessel]tetapi biasanya ini tidak perlu.

Codesleuth
sumber
15

coba ini

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

DCG Scuff
sumber
5 
<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>
Sravan Kumar
sumber
4

Saya baru saja melalui ini sendiri dan menemukan solusinya. Melihat kontrol server label ASP.NET sebenarnya akan direduksi sebagai rentang (bukan input), jadi menggunakan properti .val () untuk mendapatkan / mengatur tidak akan berfungsi. Alih-alih, Anda harus menggunakan properti 'teks' pada rentang bersamaan dengan menggunakan kontrol .ClientID properti. Kode berikut akan berfungsi:

$("#<%=lblVessel.ClientID %>").text('NewText');
atconway
sumber
3 
$('#<%= lblVessel.ClientID %>').html('New Text');

Label ASP.net akan diberikan sebagai rentang di browser. jadi pengguna 'html'.

Vikas Kottari
sumber
2

kita harus menemukan label tag untuk nilai atribut berdasarkan itu. kita telah mengganti teks label.

Naskah:

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

Anda ingin lebih detail. Klik Di Sini

Tamilan
sumber
1 
   lable value $('#lablel_id').html(value);
suraj khot
sumber