Add For Loop Inside Jquery .after() Function

I want to add tag using for loop inside jquery .after() function. I have the following code: $('#myid').after(''+ '

Solution 1:

you can not loop in js like that. you can something like following. You can create your select block first and then append it. code not tested, hopefully you get the idea.

var test = "<select class='form-control' name='dropdownmenu'>";

for (i=0; i < 4 ; i++){
    test += "<option>"+i+"</option>}";                  
}
test += "</select>";

$("#myid").after(test);  // note: use . for class or # for id

you can still add more tags this way:

$("#myid").after("<span>start</span>"+test+"<span>end</span>");

Solution 2:

@techLove answer is valid.

But if you absolutely must, you can use .map() for that:

$("#myid").after("<!--more tags here-->"+
                  "<selectclass='form-control'name='dropdownmenu'>"+
                  [0, 1, 2, 3].map(i => "<option>"+i+"</option>") +
                  "</select>"+
                  "<!--more tags here-->")

Solution 3:

I know that this question already has an answer, but, thanks to it, i've learned something new and i want to share this knowledge.

This way to do it, is, IMHO, cleaner and more elegant.

var options = [0, 1, 2, 3];

$(function() {
  var $select = $('<select>', {
    class: 'form-control',
    name: 'dropdownmenu',
    html: options.map(function(option) {
      return $('<option>', {
        value: option,
        text: option
      })
    })
  }).appendTo('.wrapper');
  
  //if you really want to use after, remove "appendTo" and use this//$('.wrapper').after($select);
});

.wrapper {
  margin: 10px;
}

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="wrapper"></div><divclass="wrapper"></div><divclass="wrapper"></div><divclass="wrapper"></div><divclass="wrapper"></div><divclass="wrapper"></div>

Share

You may like these posts

• 
  Adding A High Score To Local Storage
• 
  Where Does This Mouseevent Property Come From?
• 
  Dom Nodes Adding, Deleting, Alerts
• 
  Does Require In Node Uses Eval To Run A Code In Another File