Définir la valeur de l'entrée de chaîne html avec jquery

J'ai extrait de code HTML dans une chaîne de caractères comme ceci:

var htmlString = '<input type="text" id="someID" name="someID">';

Comment puis-je, avec jQuery, définissez sa valeur, de sorte que le code HTML se termine comme ça:

'<input type="text" id="someID" name="someID" value="newValue">';

Grâce,
Scott

OriginalL'auteur Doo Dah | 2012-08-17

  1. 7
    $(htmlString).attr("value", "newValue");

    Mais ce sera le retour de l'objet jQuery, pas de chaîne. Vous pouvez l'ajouter à DOM.

    $(htmlString).attr("value", "newValue").appendTo("body"); //you can give any element instead of body

    EDIT :

    Vous pouvez utiliser @idor_brad de la méthode. C'est la meilleure façon ou

    var htmlString = '<input type="text" id="someID" name="someID">';

var $htmlString = $(htmlString);
$htmlString.attr("value1", "newValue1");
$htmlString.attr("value2", "newValue2");
$htmlString.attr("value3", "newValue3");

console.log($htmlString.get(0).outerHTML);

    ou 

    var htmlString = '<input type="text" id="someID" name="someID">';

var $htmlString = $(htmlString);
$htmlString.attr("value1", "newValue1");
$htmlString.attr("value2", "newValue2");
$htmlString.attr("value3", "newValue3");

console.log($("<div>").append($htmlString).html());
    J'ai essayé ceci, mais alors quoi? jsfiddle.net/4RcvG/1
    vous pouvez l'ajouter à DOM. consultez la mise à jour de réponse
    jsfiddle.net/diode/4RcvG/2
    Je sais que... je pensais que vous aviez peut-être trouvé un moyen astucieux de le faire sans l'aide de la DOM. Oh bien 🙂
    consultez la mise à jour de réponse

    OriginalL'auteur Diode

  2. 6

    Vous avez d'abord besoin d'ajouter votre élément du DOM (c'est à dire pour votre page web). Par exemple:

    $(".container").append(htmlString);

    Ensuite, vous pouvez accéder à votre input comme un objet jquery et ajoutez la valeur de l'attribut comme suit:

    $("#someID").val("newValue");

    -- Voir Démo --

    +1 pour une bonne anticipation.

    OriginalL'auteur Curt

  3. 3

    Vous voulez juste de manipuler la chaîne, non? Il y a beaucoup de façons de la peau, ce chat, mais

    var newString = htmlString.replace('>', ' value="newValue">');

    OriginalL'auteur indot_brad

  4. 1

    Après le dom prêt, ajouter votre avis pour le corps et puis, prenez l'entrée avec id = "someID" et définissez sa valeur à newValue

       $(document).ready(function(){
       $("body").append(htmlString);
       $("#someID").val("newValue");
    });
    C'est la solution la plus élégante dans mon cas, car mon code html est complexe.

    OriginalL'auteur Shreedhar