form dinamico javascript

[Luca Crippa]

Salve a tutti,
vorrei utilizzare un form dinamico per aggiungere informazioni nella tabella del db (mysql). Il codice che sto utilizzando è il seguente, all'interno di un form html.

<script src="/wp-includes/js/addInput.js" language="Javascript" type="text/javascript"></script>
<script>
    var counter = 1;
    var limit = 6;

    function addInput(divName){
         if (counter == limit)  {
              alert("Impossibile aggiungere altre date. Se necessario, contattare l'amministratore. " /*+ counter + " inputs"*/);
         }
         else {
              var newdiv = document.createElement('div');
              newdiv.innerHTML = "<b>Data e ora " + (counter + 1) + "</b>: <br><input type='datetime-local' name='myInputs[]' style='width:50%'><br><br>";
              document.getElementById(divName).appendChild(newdiv);
              counter++;
         }
    }
</script>

<fieldset id="3">
                        
   <div id="dynamicInput">
   <b>Data e ora 1</b>:<br><input type="datetime-local" name="myInputs[]" style="width:50%"><br><br>
   </div>
                                    
   <input type="button" value="Aggiungi data" onClick="addInput('dynamicInput');"><br><br>    
                                    
</fieldset>

if(isset($_POST['myInputs'])){ $date = addslashes($_POST['myInputs']); }

Il problema è che myInputs contiene soltanto il primo elemento inserito:

foreach ($myInputs as $eachInput) {
     echo $eachInput . "<br>";
} 

Potete aiutarmi?
Grazie