jQuery根据下拉菜单中选择的数字动态创建输入字段？

我正试图实现以下目标：

但是。。。我想显示一个下拉选择字段，其值为1到20，根据在该字段中选择的值，我将向用户显示多少输入字段以在页面上填写（当然不刷新）

因此，如果我在下拉框中选择4（最初没有显示任何输入字段，因为默认值应为0），则应在其正下方创建4行名称和电子邮件的输入字段，所有输入字段都具有唯一标识符等（用于存储到mysql中）

就我的一生而言，我找不到任何人这样做的例子，所以我想我应该在这里提出一个小小的挑战

---

提前谢谢

这将在页面上的选择之后插入一个文本框。它将在每次更改号码时触发

var idFun = 0;
$('select').change(function() { 
  var end=$(this).val(); 
  for (var i=0;i<end;i++) {
    $('<div><input id="fun' + (idFun++) + ' type="text" ></div>').appendTo($('#myinputs'));

  }
});

var-idFun=0；
$（'select'）.change（函数（）{
var end=$（this.val（）；
对于（var i=0；i这将在页面上的select之后插入一个文本框。它将在每次更改数字时触发

var idFun = 0;
$('select').change(function() { 
  var end=$(this).val(); 
  for (var i=0;i<end;i++) {
    $('<div><input id="fun' + (idFun++) + ' type="text" ></div>').appendTo($('#myinputs'));

  }
});

var-idFun=0；
$（'select'）.change（函数（）{
var end=$（this.val（）；
对于（var i=0；i来说，您需要做的就是在用户更改下拉列表时找出选择了哪个数字，然后循环该数字，为每个迭代创建两个输入字段

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

$（“#选择框”）.change（函数（）{
var htmlString=“”；
var len=$（“选项：已选择”，this）.val（）；
对于（变量i=0；i

你甚至可能想让它更智能，所以它会检查你已经有多少个输入字段，然后只根据需要创建或删除一些。这样，它会更快一些（：
您需要做的就是在用户更改下拉列表时找出所选的数字，然后循环该数字，为每个迭代创建两个输入字段

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

$（“#选择框”）.change（函数（）{
var htmlString=“”；
var len=$（“选项：已选择”，this）.val（）；
对于（变量i=0；i

你甚至可能想让它变得更智能，所以它会检查你已经有多少个输入字段，然后只根据需要创建或删除一些。这样，它会更快一些（：
真正的解决方案：

<script type="text/javascript">

    $(document).ready(function() {

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

</script>


$（文档）.ready（函数（）{
$（“#AantalAntw”）.change（函数（）{
var htmlString=“”；
var len=$（“#AantalAntw”）.val（）；
对于（变量i=0；i
真正的解决方案：

<script type="text/javascript">

    $(document).ready(function() {

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

</script>


$（文档）.ready（函数（）{
$（“#AantalAntw”）.change（函数（）{
var htmlString=“”；
var len=$（“#AantalAntw”）.val（）；
对于（变量i=0；i
hey@seth你能看看这个问题吗hey@seth你能看看这个问题吗hey@stefanvds你能看看这个吗hey@stefanvds你能看看这个吗