How to use input text tag inside map in javascript

Question

I am trying to traverse my map on javascript to use the keys and values to form the input type="text" 's id and name = map's key and value = tempMap[key]

var tempMap = {"user" : “abc”,"password" : “xyz”,"Month” : "1", “Year” :“2016”}

for(item in tempMap){
        var itemVal = tempMap[item];
         var defaultRow = $('<tr> '+
                 '<td> '+
                   '<div class="mno">'+
                       '<label style="width: 150px;">'+item+':'+'</label>'+
                       '<input type="text" name="'+item+'" id="' +item+ '" value = "' +itemVal+ '" />'+
                      '</div>'+
                    '</td>'+
                  '</tr>' );

    }

for label it is working good, but its not working for input tag. How can I achieve this.

My quick guess is that it's the spaces around the = for the value attribute. — lonesomeday
– lonesomeday, Commented Oct 13, 2016 at 21:30

Jacopo Brovida · Accepted Answer · 2016-10-13 21:42:41Z

1

Your code work. Another solution can be:

var tempMap = {"user" : "abc","password" : "xyz","Month" : "1", "Year" :"2016"};
$.each(tempMap,function(key,value){
var defaultRow = $('<tr> '+
             '<td> '+
               '<div class="applicationsShow-div-left">'+
                   '<label style="width: 150px;">'+key+':'+'</label>'+
                   '<input type="text" name="'+key+'" id="' +key+ '" value = "' +value+ '" />'+
                  '</div>'+
                '</td>'+
              '</tr>' );

alert(defaultRow.html())
});

answered Oct 13, 2016 at 21:42

Jacopo Brovida

4654 silver badges10 bronze badges

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

Comments

Gaurav Saxena · Accepted Answer · 2016-10-25 19:22:57Z

0

Thank you all.

I used the below code and it worked fine now:

var resolvedStr =  '<tr> '+
        '<td> '+
        '<div class="applicationsShow-div-left">'+
            '<label style="width: 150px;">'+item+':'+'</label>'+
            '<input type="text" name="itemName" id="itemId" value="itemVal"/>'+
           '</div>'+
         '</td>'+
       '</tr>';
       resolvedStr = resolvedStr.replace("itemVal",itemVal);
       resolvedStr = resolvedStr.replace("itemId",item);

answered Oct 25, 2016 at 19:22

Gaurav Saxena

12 bronze badges

Collectives™ on Stack Overflow

How to use input text tag inside map in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related