0

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

4

3 回答 3

1

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

于 2012-04-26T00:23:09.043 回答
1

在这里，基于@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();
});
于 2012-04-26T00:38:54.350 回答
0 
 <!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>
于 2012-04-26T00:47:02.870 回答