Javascript 根据下拉列表中选择的数量显示字段的数量

我正在看这篇文章：

难道没有更简单的办法吗

我的代码：

 <tr>
   <td valign="top">
   <label for="children">No. of Minor Children*</label>
   </td>
   <td>
     <select id="nochildren" name="nochildren" onchange="displayfields(this.value)">
        <option value="1">0</option>
        <option value="1">1</option>
        <option value="2">2</option>  
        <option value="3">3</option>
        <option value="4">4</option>
     </select>
   </td>
   <br />               
   <option value="<?php echo $row_list['nochildren']; ?>">
     <?php if($row_list['nochildren']==$select){ echo $row_list['nochildren']; } ?>
   </option>                   

  <script language="JavaScript">                               
     $(document).ready(function(){
        $('#nochildren').change(function(){
           $("#child").show();  
           displayfields($(this).val());
        });
     });
     function displayfields(val)
    {           
      for (var i=1 ; i<val; val++)
      {        
         alert(i);                                                                    
         $("#child"+i).show();                          
      }
    }           
    </script>   
 </tr>  
 <div id="child">
   <tr>
     <td valign="top">
       <label for="names">Child Full names*</label>
     </td>                  
     <td valign="top">
      <input  type="text" name="childname" maxlength="50" size="30"></input>  
     </td>
    </tr>   
 </div>

未成年儿童人数*
0
1.
2.
3.
4.


试试这个：

<script type="text/javascript">

  $(document).ready(function(){
     $('#nochildren').change(function(){

        //-------
        // Here add your code to hide all div's
        //-------

        displayfields($(this).val());
     });
  });

   function displayfields(val)
   {                                                              
      for (var i=1 ; i<val; val++)
      {        
          alert(i);                                                                    
          $("#child"+i).show();                          
      }
   }   
</script>


$（文档）.ready（函数（）{
$（'#nochildren'）.change（function（）{
//-------
//在此处添加代码以隐藏所有div
//-------
显示字段（$（this.val（））；
});
});
函数显示字段（val）
{                                                              
对于（var i=1；i见此。我没有包括它的样式，它只是一个核心实现

下面是我正在使用的jQuery

$(function(){
    var inputString="<input type='text'>";
    $('#selectBox').on('change',function(){
        $('#result').html('');
        for(var i = 0;i<$('#selectBox :selected').val();i++)
        {
            $('#result').append(inputString);
        }
    });
});

$（函数（）{
var inputString=“”；
$（'#selectBox'）。在（'change'，function（）上{
$（'#result'）.html（''）；
对于（var i=0；我请添加一个提琴以供参考。提琴？那是什么？我已经有两年多没有在谷歌上搜索提琴了。它是一个用来托管代码片段以供参考和共享的网站，可以修改和操作，或者我们可以将你链接到该网站：。@Saksham：如果你要求某人做某事，他们显然会很明显，他们不知道那是什么，你为什么不让它变得简单，而不是告诉他们使用谷歌来找到它？LOL我不再是一个开发者，帮我的老板在我们的家庭法律诊所网站上添加一些功能。我现在是一名候选律师。所以我记不起如何编码了LOL有人能告诉我如何正确地获取代码吗请？这将是非常感谢：）谢谢编辑，但在我的代码中，我必须把第一部分放在哪里？很抱歉，它不是很有效。我会更新顶部，以便您可以看到我现在有它：）