Comment puis-je modifier le texte de l'étiquette en jQuery?

J'ai un textbox et un label. Si l'utilisateur veut modifier le texte de l'étiquette, il/elle devra saisir le texte dans la zone de texte. Comment puis-je mettre à jour le texte de l'étiquette chaque fois qu'un utilisateur crée une entrée dans la zone de texte sur le changement?

Je sais qu'il est possible à l'aide d'AJAX avec jQuery et PHP. Est-il un moyen plus facile?
S'il vous plaît laissez-moi savoir. Voici mon code et un lien: http://jsfiddle.net/uQ54g/1/

$('#change1').change(function(){
    var l = $(this).val();
    $('label').replaceWith(l);


});
code dans votre violon travaille changement est déclenchée sur le flou cliquez en dehors de la zone de texte après la saisie de la valeur
Vous êtes désireux de le faire après chaque lettre entrée ou juste après que l'utilisateur ait terminé ses modifications?

OriginalL'auteur user1362002 | 2012-05-05

  1. 4

    Tout d'abord, vous devez utiliser .text ou .html pour définir le texte à l'intérieur d'une étiquette en jquery. Votre code sera fait, retirer l'étiquette de l'élément et de le remplacer avec juste le texte. Par conséquent, elle ne fonctionnera plus si vous essayez de modifier de nouveau la valeur. Vous pouvez aussi ajouter une classe ou un id à votre étiquette parce que vous aurez très probablement plus d'une étiquette sur une page.

    HTML:

    <input type="text" id="change1"/><br/>
<label id="test">Hello</label>

    Javascript:

    $('#change1').change(function(){
    var l = $(this).val();
    $('#test').text(l);
    //OR $('#test').html(l);
});

    Si vous êtes désireux de changer de label après chaque caractère saisi, vous aurez besoin d'utiliser keyup au lieu de change.

    Ici est une mise à jour de jsfiddle

    Merci pour votre réponse! Comment facile, c'est que pour vous trouver. Je suis un débutant en JavaScript comme vous pouvez le voir. J'ai une autre question que vous saurez comment répondre. J'aimerais enregistrer ces modifications, chaque fois que l'utilisateur ouvre une session. Quelle serait la meilleure solution pour enregistrer ces modifications dans la base de données en utilisant le code que j'ai? Si c'est à l'aide de la demande de jQuery Ajax et PHP, pourriez-vous me guider à travers elle?
    Poster une autre question avec les détails de ce que vous essayez de faire et de votre code. Il sera plus facile à comprendre si moi et d'autres pouvez voir la grande image. Je suis sûr que quelqu'un sera en mesure de vous aider.
    J'ai, bien sûr. Merci!

    OriginalL'auteur Josh Mein

  2. 2

    Le code dans vous tripoter fonctionne bien comme je l'ai mentionné dans les commentaires, ou vous pouvez utiliser keyup comme 

    $('#change1').keyup(function(){
var l = $(this).val();
$('label').text(l);
//alert($('#change1').val())
});

    http://jsfiddle.net/uQ54g/4/

    notez également que lorsque vous utilisez replaceWith il remplacera le correspondant de l'élément, dans votre cas, il label après le changement est déclenché le <label>hello</label> sera remplacer par Changed Text donc, si vous ne $("label") de nouveau, vous retournez pas défini, à voir par vous-même

    OriginalL'auteur Rafay

  3. 1

    essayez ceci:

    $('#change1').keyup(function(){
l=$(this).val()
$('label').html(l)
})
    $(label) lèvera une erreur aussi l'id est change1 que par les OP à condition de balisage
    vous êtes de droite. j'ai fait les ajustements appropriés. thx

    OriginalL'auteur ChrisGP

  4. 1

    utiliser ce avec la bibliothèque de jquery

    $('#change1').on('keyup',function(){ //Change1 is id of textbox
   $('#label1').html($(this).val()) //label1 is the id of the label
});
$('#change1').blur(function() { //if we copy paste some text into the textbox it will also work if use this blur and trigger function
   $(this).trigger('keyup');
});

    OriginalL'auteur arun

  5. 0

    Comment à ce sujet

    $('#change1').change(function(item){
     $('label').text(item.target.value);
});
    Ce sera de remplacer l'étiquette avec juste le texte et ne fonctionnera plus après le premier changement de la zone de texte valeur.
    Correction du code pour résoudre le problème signalé par Josh

    OriginalL'auteur Surya Pratap