添加所需数量的输入文本字段

Question

我刚开始编码，我不太了解。我的愿望是有一个按钮，当点击一个选项下拉菜单出现与数字（1,2,3,4）被选中。所以当选择一个数字时，例如2，那么在最后一个文本字段后面会添加两个文本字段。这是我现在有：

<script type="text/javascript"> 
    $(function(){ 
     var counter = 0; 
     $('#addinput').click(function(){ 
      $('<input class="search" style="margin-bottom:4px; display:none;" type="search" autofocus="autofocus" name="word' + counter++ + '"/>').appendTo('#inputs').fadeIn(400); 
     }); 

     $('#button').click(function(){ 
      $('.search').each(function(){ 
       var $this = $(this); 
       if(!$this.val()){ 
        $this.remove() 
       } 
      });  
     }); 
    }) 
</script> 

谢谢大家！

Answer 1

做了一个jsfiddle来帮助你入门。

http://jsfiddle.net/kasperfish/89jGS/2/

<select id="number" > 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 
<span id="textfields"></span> 



$(function() { 

    $('#number').change(function(){ 
     $('#textfields').html(''); 
     val= $(this).val();  
     for (i=0;i<val;i++){ 
      $('#textfields').append('<input type="text" name="'+i+'">'); 
     }  

    }); 


});