jquery - 根据下拉值添加动态表单

Question

我试图根据下拉值创建表单。 我按照本教程

here

但它对我没用。

任何帮助将不胜感激

JQ示例

$("#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);
}

Answer 1

试试这个，

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);
})

我希望这会对你有所帮助。