[Menshakovich]

Добрый вечер!Помогите пожалуйста!!!
Дело в том, что мне нужно при выборе определенного числа, высвечивались окошечки, число которые равно выбранному числу из select.
Вот код. но явно что-то не так(

div class="line_buttom">       <select class="size_of_buttoms" name="child" onchange="ChildCount(this)">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                    </select>
                    возраст
                    <span class="size_of_buttoms">
                    <input name="agechild[]" class="agechild" style="display: none;" type="text">
                    <input name="agechild[]" class="agechild" style="display: none;" type="text">
                    <input name="agechild[]" class="agechild" style="display: none;" type="text">
                    <input name="agechild[]" class="agechild" style="display: none;" type="text">
                    <input name="agechild[]" class="agechild" style="display: none;" type="text">
                    </span>
                        </div>

и скрипт

<script type="text/javascript">
    function ChildCount(select)
    {
    var a=select.value;
        
    
        if (a==1)
    {       document.getElementByTagName("agechild[]").style.display="block";
            document.getElementById("agechild[]").style.display="none";
            document.getElementById("agechild[]").style.display="none";
            document.getElementById("agechild[]").style.display="none";
            document.getElementById("agechild[]").style.display="none";
    }
        if (a==2)
    {       document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementById("agechild[]").style.display="none";
            document.getElementById("agechild[]").style.display="none";
            document.getElementById("agechild[]").style.display="none";
    }       
        if (a==3)
        {   document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementById("agechild[]").style.display="none";
            document.getElementById("agechild[]").style.display="none";
        }   
        if (a==4)
        {   document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementById("agechild[]").style.display="none";
        }
        if (a==5)
        {   document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
            document.getElementByTagName("agechild[]").style.display="block";
        }
    
    }
    </script>