javascript - 将值设置为 var 内部的输入

Question

我很好奇是否可以访问和修改 javascript var 中的数据，到目前为止，我使用纯 javascript 以及 jquery 进行了尝试。所以这两个版本对我来说都很好。

var data = {
    'name': 'Jhone',
    'category': 'Human',
    'type': 'good one',
},
    form = `<input type='text' name='name' id='name'>
            <input type='text' name='category' id='category'>
            <input type='text' name='type' id='type'>`;

JQuery 版本（不工作）

$.each(data, function( key, value ) {

    if ($.type(value) === 'string' && value !== '')
        $(form).find('#'+key).val(value)
});

JavaScript 版本（不工作）（抱歉不知道如何在纯 js 中制作 foreach，但问题在于访问元素）

$.each(data, function( key, value ) {

    if ($.type(value) === 'string' && value !== '')
        form.getElementById(key).value = value ;
});

要点是我想动态创建 js 表单并避免设置数据，例如：

var form = `<input type='text' name='name' id='name' value='`+ value +`'>`;

标签： javascriptjquery

Answer 1

您可以使用ES6 Template Literals(Strings)并执行以下操作：

var id = "This_is_a_test_id"
var form = `<input type='text' name='name' id='${id}'>`;
console.log(form)