如何在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}">`