Creativpur
New member
Hallo,
ich bin Newcomer und hoffe, hier mit meiner Frage richtig zu sein.
Ich habe folgendes Problem:
Ich habe ein Formular, welches aus zwei Inputfeldern und einem Selectfeld besteht. Die Eingegeben Daten werden beim absenden auf eine Ausgabeseite wiedergegeben und auch berechnet.
Dies funktioniert auch bestens..
Das Problem ist, das ich ein Inputfeld und das Selectfeld clone, so dass der User mehrere Adressen und Zeiten eingeben kann.. Sie folgenden Quelltext.
Eingabe:
Script:
Leider wird dabei nur der letzte Eintrag übermittelt.
Was muss ich tun, damit alle Eintragungen berücksichtigt werden ?
Ich habe mal den Link der Seite mitgeschickt.. Es handelt sich hierbei um "Fahrten über mehrere Stationen"
Chauffeur Delux
Vielen Dank für Eure Hilfe..
ich bin Newcomer und hoffe, hier mit meiner Frage richtig zu sein.
Ich habe folgendes Problem:
Ich habe ein Formular, welches aus zwei Inputfeldern und einem Selectfeld besteht. Die Eingegeben Daten werden beim absenden auf eine Ausgabeseite wiedergegeben und auch berechnet.
Dies funktioniert auch bestens..
Das Problem ist, das ich ein Inputfeld und das Selectfeld clone, so dass der User mehrere Adressen und Zeiten eingeben kann.. Sie folgenden Quelltext.
Eingabe:
PHP:
<?php
$distance_anfahrt = 0;
$start_adresse_anfahrt = $_POST['start_anfahrt'];
$ziel_adresse_anfahrt = $_POST['ziel_anfahrt'];
$distance_stadion1 = 0;
$start_adresse_stadion1 = $_POST['ziel_anfahrt'];
$ziel_adresse_stadion1 = $_POST['ziel_stadion1'];
$wartezeit_stadion1 = $_POST['wartezeit_stadion1'];
{
echo '<form action="stadionen.php" method="post" name="f01" onsubmit="return pruefen01();">
<input type="hidden" name="start_anfahrt" value="34434 Natingen">
<br>
<label style="color:blue;">Bitte geben Sie Ihren Abholort bzw. Startort ein:</label><br>
<input type="text" size="150" name="ziel_anfahrt" value="">
<br />
<p style="color:green; font-size:12px;">z.B. 34117 Kassel, Beethovenstr.13</p>
<div>
<table>
<thead>
<tr>
<th><label style="color:blue; font-size:12px;">Geben Sie bitte einen Zielort ein:</label></th>
<th><label style="color:blue; font-size:12px;">Wartezeit vor der Lakation:</label></th>
<th></th>
</tr>
</thead>
<tfoot>
<tr>
<td></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td><input class="form-control" name="name0" type="text" size="120" placeholder="Z.B. Ziel 1: 34114 Warburg, Bahnhofstr. 36" /></td>
<td>
<select class="form-control" name="sel0">
<option value="0">Bitte wählen</option>
<option value="0.25">1/4 Stunde</option>
<option value="0.5">1/2 Stunde</option>
<option value="0.75">3/4 Stunde</option>
<option value="1">1 Stunde</option>
<option value="2">2 Stunden</option>
<option value="3">3 Stunden</option>
<option value="4">4 Stunden</option>
<option value="5">5 Stunden</option>
</select>
</td>
<td>
<button class="btn btn-success btn-add" type="button">
<i class="glyphicon glyphicon-plus gs"></i>
</button>
</td>
</tr>
</tbody>
</table>
</div>
<br />
<br>
<hr />
<input type="submit" value="Weiter" class="btn btn-success">
<input type="button" value="Fenster schließen" onClick="window.close()" class="btn btn-danger">
</form>';
}
?>
Script:
Code:
$(function()
{
$(document).on('click', '.btn-add', function(e)
{
e.preventDefault();
var controlForm = $(this).closest('table'),
currentEntry = $(this).parents('tr:first'),
newEntry = $(currentEntry.clone()).appendTo(controlForm);
newEntry.find('input').val('');
controlForm.find('tr:not(:last) .btn-add')
.removeClass('btn-add').addClass('btn-remove')
.removeClass('btn-success').addClass('btn-danger')
.html('<span class="glyphicon glyphicon-minus gs"></span>');
}).on('click', '.btn-remove', function(e)
{
$(this).parents('tr:first').remove();
e.preventDefault();
return false;
});
});
Leider wird dabei nur der letzte Eintrag übermittelt.
Was muss ich tun, damit alle Eintragungen berücksichtigt werden ?
Ich habe mal den Link der Seite mitgeschickt.. Es handelt sich hierbei um "Fahrten über mehrere Stationen"
Chauffeur Delux
Vielen Dank für Eure Hilfe..