Comment placer une valeur de variable JavaScript dans la valeur de la balise d'entrée HTML?

Question

$(window).on("load", function(){ 
     var token_val= document.getElementsByName("token")[0].value; 

     var real_data = "<input type='hidden' name='token' value='NEED VLAUE OF token_val HERE'>"; 

     $('form').append(real_data); 
}); 

Ceci est mon code. J'ai besoin de définir la valeur sur la balise d'entrée comme variable token_val.

Answer 1

$(window).on("load", function(){ 
    var token_val= document.getElementsByName("token")[0].value; 

    var real_data = "<input type='hidden' name='token' value='" + token_val + "'>"; 

    $('form').append(real_data); 
}); 

Answer 2

changer votre code avec le dessous d'un

$(window).on("load", function(){ 
      var token_val= document.getElementsByName("token")[0].value; 

      var real_data = "<input type='hidden' name='token' value='"+token_val+"'>"; 

      $('form').append(real_data); 
    }); 

Answer 3

approche fondée sur l'objet Utilisons jQuery pour créer des éléments.

var real_data = $('<input>', { 
    type: 'hidden', 
    name: 'token', 
    value: token_val 
}); 
$('form').append(real_data); 

Answer 4

D'autres m'a battu à la réponse, mais si vous avez envie d'être progressive et en utilisant ES2015, vous pouvez utiliser des chaînes de modèle:

let real_data = `<input type="hidden" name="token" value="${token_val}">`