Question

换句话说，假设有一个表单可以询问您有多少兄弟，您可以从下拉列表中选择一个数字。选择一个数字后，它会显示与我选择的数字相对应的多个字段。如何使用Javascript执行此功能？提前谢谢！

Answer 1

对于下拉列表中的每个号码，创建input并隐藏它们，根据用户选择的号码，显示许多输入

Answer 2

在这里，基于 @Anurag Uniyal的答案的这样的事情应该有效，只需用你自己的变量替换：

var total = $select.find('option').length,
    inputs = [];

for (var i = 0; i < total; i++) {
    inputs.push('<input class="myinput" type="text"/>');
}

$(inputs.join('')).hide().appendTo($form);

$select.change(function () {
    var n = $(this).val();
    $('.myinput').hide().slice(n - 1, total).show();
});

Answer 3

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
 </head>
 <body>

   <select id="numbers" onchange="numberSelected()">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
      <option value="4">4</option>
   </select>

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
     $(document).ready(function(){

       $('#numbers').change(function() {
           var selectedNum = $('#numbers').val();
           for(var i=0; i<selectedNum; i++) {
              $('#numbers').after('<input></input>');
           }           
       });

     });
   </script>
 </body>
 </html>

如何显示与所选数字对应的多个表单字段？

3 个答案: