根据用户从下拉列表中选择显示多个文本框

我希望根据用户从下拉框中选择的数字显示多个文本框。 因此，如果用户选择1，则会出现1个框，然后会出现2个框等。

我的下拉 –

 1 2 3  

当用户选择一个我想要显示的数字时：

 
 Name: 
  
  

来自@Elise Chant的代码正在寻找，但当我将它放在编辑器中时，如下所示它不起作用，但在她链接的示例中起作用。

     var el = '
' + 'Name:' + '
' + '' + '
' + '
'; $('#numNames').on('change', function(e) { var numSelected = $(this).val(); appendControls(numSelected); }); function appendControls(num) { $('#elcontainer').empty(); for (var i=0; i<Number(num); i++) { $('#elcontainer').append(el); } }       1 2 3  
   

任何人都知道为什么这不起作用？

Answer 1

http://jsbin.com/zewadupivi/1/edit?js,output

 var el = '
' + 'Name:' + '
' + '' + '
' + '
'; $('#numNames').on('change', function(e) { var numSelected = Number($(this).val()); appendControls(numSelected); }); function appendControls(num) { $('#elcontainer').empty(); for (var i=0; i 

Answer 2

 $('select').on('change', function (e) { var optSel = $("option:selected", this); var valSel = Number(this.value); for(var i = 0; i < valSel ; i++) { $("body").append('
Name:
'); } }); 

http://jsfiddle.net/IronFlare/0ofkdfop/