How to place a JavaScript variable value in HTML input tag's value?

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

This my code. I need to set value on input tag as variable token_val 's value.

Answer 1

change your code with the below one

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

Use jQuery's object-based approach to creating elements.

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