如何在HTML输入标签的值中放置JavaScript变量值？

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

这是我的代码。我需要将输入标签的值设置为变量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

与下面的一个

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

使用jQuery的基于对象的方法来创建元素更改代码。

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

Answer 4

其他人打我的答案，但如果你看中是渐进的，并使用ES2015，你可以使用模板字符串：

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