如何在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

使用jQuery的基於對象的方法來創建元素。

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

Answer 3

其他人擊敗了我，但是如果您喜歡漸進式並使用ES2015 ，則可以使用模板字符串：

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

Answer 4

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