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

【问题标题】：jquery - adding dynamic form based on dropdown valuesjquery - 根据下拉值添加动态表单
【发布时间】：2014-02-07 02:30:22
【问题描述】：

我正在尝试根据下拉值创建表单。我跟着这个教程

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

【问题讨论】：

didn't work for me 不足以了解您的问题，您能详细解释一下吗？
@xdazz 我创建了自己的 html 来使用 JQ，但什么也没发生

标签： jquery

【解决方案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);
})

希望对你有帮助。

【讨论】：