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

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}">`

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

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

html

javascript

jquery

simple-html-dom