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>

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");

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.


15

coba ini

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


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>

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');

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

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


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


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.