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

我刚开始编码，我知道的不多。我的愿望是有一个按钮，当点击一个选项下拉菜单出现与数字（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>

$（函数（）{
var计数器=0；
$（'#addinput'）。单击（函数（）{
$（''）.appendTo（'#inputs'）.fadeIn（400）；
});
$（“#按钮”）。单击（函数（）{
$（'.search'）。每个（函数（）{
var$this=$（this）；
如果（！$this.val（））{
$this.remove（）
}
});    
});
}) 

---

谢谢大家!

制作了一个jsfiddle来帮助您入门

1.
2.
3.
4.
$（函数（）{
$（'#number'）。更改（函数（）{
$（'#textfields'）.html（''）；
val=$（this.val（）；
for（i=0；i制作了一个jsfiddle来帮助您入门



1.
2.
3.
4.
$（函数（）{
$（'#number'）。更改（函数（）{
$（'#textfields'）.html（''）；
val=$（this.val（）；
对于（i=0；i）它是否显示任何错误？它是否显示任何错误？
<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+'">');
      }      

  });  


});