span - ¿Cómo cambiar el texto de una etiqueta en jQuery?

jquery cambiar texto

Question

Tengo una lista de botones de radio y al hacer clic en el elemento de botón de radio, tengo que cambiar el texto de su etiqueta. Pero por alguna razón no está funcionando. El código está abajo:

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

Por favor avise

Answer 1

ASP.Net genera automáticamente ID de cliente únicos para los controles del lado del servidor .

Cambiarlo a

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

En ASP.Net 4.0, también podría establecer la propiedad ClientIDMode en Static lugar.

Answer 2

Acabo de pasar por esto yo mismo y encontré la solución. Ver un control de servidor de etiquetas ASP.NET realmente se clasifica como un tramo (no como una entrada), por lo que no se podrá usar la propiedad .val () para obtener / establecer. En su lugar, debe usar la propiedad ''texto'' en el tramo junto con el uso de la propiedad .ClientID de los controles. El siguiente código funcionará:

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

Answer 3

Estaba teniendo el mismo problema porque estaba usando

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

Aprendí que puedes usar el método provisional de jquery para borrarlo primero y luego agregar:

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

O convencionalmente, podrías usar:

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

O

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

Answer 4

Prueba esto:

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

El id$= coincidirá con los elementos que terminan con ese texto, que es cómo ASP.NET autogenera los ID. Puede hacer que sea más seguro usando span[id=$=lblVessel] pero generalmente esto no es necesario.

Answer 5

prueba esto

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

Answer 6

tenemos que encontrar la etiqueta de etiqueta para el valor del atributo en función de eso. Tenemos que reemplazar el texto de la etiqueta.

Guión:

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

Desea más detalles. Haga clic aquí

Answer 7

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

La etiqueta ASP.net se representará como un lapso en el navegador. por lo que el usuario ''html''.

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>