Form with unknown ammount of params

<html>
    <head>
        <script type="text/javascript">
            var nParam = 0;
            function addParameters() {
                document.getElementById("parameters").innerHTML +=
                    "Name : <input type=\"text\" name=\"params[" + nParam + "][name]\"><br>" +
                    "Type : <select name=\"params[" + nParam + "][type]\">" +
                        "<option value=\"INT\">int</option>" +
                        "<option value=\"DOUBLE\">float</option>" +
                        "<option value=\"STRING\">string</option>" +
                        "<option value=\"TEXT\">text</option>" +
                    "</select><br>";

                nParam ++;
            }
        </script>
    </head>
    <body>
        <form class="" action="index.html" method="post">
            Category Name : <input type="text" name="category-name"><br>
            Parameters :<br>
            <div id="parameters"></div>
            <input type="button" value="Add" onclick="addParameters()">
        </form>
    </body>
</html>