Hallo liebes Forum,
ich steh noch ziemlich am Anfang was JS betrifft, verzeiht mir also wenn die Frage (oder das Problem) möglicherweise selten dämlich ist
Folgendes Szenario:
Tabelle.
Pro Zeile benötige ich ein <form> welches per onlick im Hintergrund an die PHP geschickt und dort verarbeitet wird.
Nach dieser Verarbeitung soll diese Tabellenzeile gelöscht werden.
Ich bekomme beides getrennt hin. Also einmal eine Tabelle wo im Hintergrund Ajax das Formular abschickt, und einmal eine Tabelle wo die jeweilige Zeile gelöscht wird. Aber kombiniert bekomme ich es nicht gebacken.
So sieht derzeit meine Baustelle aus:
Code
<script src="https://code.jquery.com/jquery-latest.js"></script>
<table id="myTable">
<tr>
<td>
<form name="contact1" action="#" method="POST" id="contact1">
<div>Name: <input type="text" name="name" id="name" required /></div>
</td><td>
<div><input type="submit" name="submit" onclick="deleteRow(this)" value="Submit" /></div>
</form>
</td></tr>
<tr>
<td>
<form name="contact2" action="#" method="POST" id="contact2">
<div>Name: <input type="text" name="name" required /></div>
</td><td>
<div><input type="submit" name="submit" onclick="deleteRow(this)" value="Submit" /></div>
</form>
</td></tr>
</table>
<div id="results"></div>
<script type="text/javascript">
$(document).ready(function() {
$("form").submit(function() {
// Getting the form ID
var formID = $(this).attr('id');
var formDetails = $('#'+formID);
$.ajax({
type: "POST",
url: 'test_exe.php',
data: formDetails.serialize(),
success: function (data) {
// Inserting html into the result div
$('#results').html(data);
},
error: function(jqXHR, text, error){
// Displaying if there are any errors
$('#result').html(error);
}
});
return false;
});
});
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
</script>
Alles anzeigen
Vl. hat jemand einen Schups in die richtige Richtung für mich