Добавить список данных в форму ввода

Question

Привет, я пытаюсь создать функцию, которая генерирует входные данные формы, и мне нужно, чтобы эти текстовые поля были сверху вниз. Проблема в том, что я не могу отобразить список с помощью obj datalist ... браузер отображает только поле ввода без списка сверху вниз. Я очень новичок в javasript. Скажите, пожалуйста, что я сделал не так? Спасибо.

Вот html:

<form action="myPHP.php" method="POST" id="dataBox">

    <input type="submit"> <br>

        <div id="divId">  //I have got ten of theese blocks

            <b id="bId1[]">team1</b>
            <input type="number" name="gol_team1" min="0" value="0">

            <input type="number" name="gol_team2" min="0" value="0">
            <b id="bId2[]">team2</b>
            <br>

            <div class="divClass" id="divId[]">

                <b>INPUTS:</b> 
                <br><br>
                <button id="addButton[]" type="button" onclick="addInput(0)">add a new textbox</button>
                <br><br>

            </div> 

Вот javascript:

<script id="addinput">

            function addInput(index) { //the index refers to the specific div tag i need to generate 
                                       //the textbox in
                var elements = document.getElementsByClassName('divClass')
                var space = elements[index]
                var input = document.createElement("INPUT")
                var br = document.createElement("br")
                var datalist = document.createElement("DATALIST")
                var option = document.createElement("OPTION")

                space.appendChild(br)
                space.appendChild(input)
                input.appendChild(option)


                input.class = "input_class"
                input.name = "input_name[]"
                input.id= "myInputId[]"
                input.list= "mylist"

                datalist.id = "mylist"

                option.value= "player1"
                option.value= "player2"



            }

        </script>