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.

Just concatenate the value in string like this -- ... value=' "+token_val+" '... — abhishekkannojia
– abhishekkannojia, Commented May 25, 2017 at 7:58

ram vinoth · Accepted Answer · 2017-05-25 08:00:07Z

2

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

answered May 25, 2017 at 8:00

ram vinoth

5124 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Barmar · Accepted Answer · 2017-05-25 08:01:12Z

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

answered May 25, 2017 at 8:01

Barmar

789k57 gold badges555 silver badges669 bronze badges

Comments

shennan · Accepted Answer · 2017-05-25 08:10:53Z

1

Others have beaten me to the answer, but if you fancy being progressive and using ES2015, you could use template strings:

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

edited May 25, 2017 at 8:10

answered May 25, 2017 at 8:01

shennan

11.8k5 gold badges52 silver badges94 bronze badges

1 Comment

shennan Over a year ago

@RoryMcCrossan whoops, typo :-|)

Catalyst · Accepted Answer · 2017-05-25 08:01:05Z

0

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

answered May 25, 2017 at 8:01

Catalyst

1,0182 gold badges12 silver badges19 bronze badges

Collectives™ on Stack Overflow

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

4 Answers 4

Comments

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Related