Javascript按名称从对象获取输入元素

时间:2015-08-12 15:20:29

标签: javascript jquery

我有包含名称的数据对象。这些名称取自tr对象,需要填充内部表单元素。现在数据对象具有确切的名称,因为输入元素是选定的形式。

现在我想迭代对象并找到具有该名称的输入元素并填充其值。

这是代码

<form id="newItems">
        <input class="form-control"  name="Name" placeholder="Enter name" type="text">
 <input class="form-control"  name="Price" placeholder="Enter price" type="text">
</form>

//Data Object
    var data = {
       Name : "name",
       Price : 50
    };

for(var key in data){
   if (data.hasOwnProperty(key)) {
    console.log($('#'+modalId).find('input[name=key]'));return;
}

到目前为止,这个返回输入元素的名称= key。但这不是我需要的。我需要钥匙内的什么。

1 个答案:

答案 0 :(得分:2)

你错过了最后}个大括号循环。您将key作为字符串,与+符号一起使用,如下面的代码所示。

 var data = {
       Name : "name",
       Price : 50
    };
var modalId ='hai';

for(var key in data){
   if (data.hasOwnProperty(key)) {
    console.log($('#'+modalId).find('input[name='+key+']'));
    console.log($('#'+modalId).find('textarea[name='+key+']'));
    console.log($('#'+modalId).find('select[name='+key+']'));
   }
}

Fiddle