jquery - adding dynamic form based on dropdown values

Question

i'm trying to create form based on the dropdown values. i followed this tutorial

but it didn't work for me.

any help would be appreciated

JQ example

$("#selectBox").change(function() {
  var htmlString = "";
  var len = $("options:selected", this).val();
  for (var i = 0; i < len; i++) {
    htmlString += "<input type='text' class='email'>";
    htmlString += "<input type='text' class='name'>";
  }
  $("#outputArea").html(htmlString);
}

didn't work for me is just not enough to know your issues, could you explain the detail? — xdazz
– xdazz, Commented Feb 7, 2014 at 2:34
@xdazz i created my own html to work with the JQ, but nothing happened — mabbs
– mabbs, Commented Feb 7, 2014 at 2:38

dhana · Accepted Answer · 2014-02-07 02:46:58Z

2

Try this,

Demo

<select id="selectBox" >

    <option value=1>one</option>
     <option value=2>two</option>
     <option value=3>three</option>
    <option value=4>four</option>
     <option value=5>five</option>
     <option value=6>six</option>


</select>
<div id="outputArea"></div>

Jquery:

$("#selectBox").change(function() {
  var htmlString = "";
  var len = $(this).val();
  for (var i = 0; i < len; i++) {
    htmlString += "<input type='text' class='email'>";
    htmlString += "<input type='text' class='name'>";
  }

  $("#outputArea").html(htmlString);
})

I hope this will help you.

answered Feb 7, 2014 at 2:46

dhana

6,5255 gold badges43 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

jquery - adding dynamic form based on dropdown values

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related