¿Cómo guardar datos múltiples de cuadros de texto agregados dinámicamente (JavaScript) en la base de datos MySQL?

He estado intentando esto, pero no he tenido éxito. Estoy usando PHP, HTML, JavaScript y MySQL. Aquí está mi código HTML:

<code><div id="Author">
    <LI>Author</LI> 
    <input type = "text" name="Author[]" value = "1. "/>
    <input type="button" value="+" id="Authorbutton" onclick="addAuthor()" />
</div>
</code>

Si se hace clic en el botón Agregar, aparecerá otro cuadro de texto y el usuario se pondrá otro nombre. Aquí está mi JavaScript:

<code>var counter3 = 0;
function addAuthor() {
    // Get the main Div in which all the other divs will be added
    var mainContainer = document.getElementById('Author');

    // Create a new div for holding text and button input elements
    var newDiv = document.createElement('div');

    // Create a new text input
    var newText = document.createElement('input');
    newText.type = "text";
    //var i = 1;
    newText.name = "Author[]";
    newText.value = counter3 + 2 + ". ";

    //Counter starts from 2 since we already have one item
    //newText.class = "input.text";
    // Create a new button input
    var newDelButton = document.createElement('input');
    newDelButton.type = "button";
    newDelButton.value = "-";

    // Append new text input to the newDiv
    newDiv.appendChild(newText);
    // Append new button input to the newDiv
    newDiv.appendChild(newDelButton);
    // Append newDiv input to the mainContainer div
    mainContainer.appendChild(newDiv);
    counter3++;
    //i++;

    // Add a handler to button for deleting the newDiv from the mainContainer
    newDelButton.onclick = function() {
        mainContainer.removeChild(newDiv);
        counter3--;
    }
}
</code>

Aquí está mi código PHP:

<code>if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db($database, $con);



$sql="INSERT INTO savetest (type, number)
VALUES
('$_POST[type]','$_POST[Author]')";

if (!mysql_query($sql,$con))
  {
  die('Error: ' . mysql_error());
  }
echo "1 record added";

mysql_close($con);
echo "Thank you for submitting your details!";
</code>

Escuché que muchas personas pueden hacer que esto funcione mediante matrices, pero los datos que almacené en la base de datos sonArray. No importa cuántos cuadros de texto haya creado, soloArray.

¿Estoy usando el enfoque correcto? ¿Debo guardar esta matriz de datos en los campos de una base de datos?

Respuestas a la pregunta(1)

Su respuesta a la pregunta