Hallo zusammen,
ich generiere eine Tabelle die ich filtern kann. Durch das filtern lade ich den übrigbleibenden Inhalt neu. Somit werden auch meine Formularcheckboxen neu erstellt. Das Problem ist jetzt das wenn ich das Formular was außerhalb des neugeladenen Teil des Dokuments liegt per ajax versende um z.B. eine Zeile der Tabelle zu löschen, wird das Furmular leer versendet. Nur die Daten die außerhalb des neugeladenen Bereichs liegen werden mit geschickt. Was kann ich machen damit wieder das ganze Formular gesendet wird?
<html>
<table>
<thead>
<tr><th>Spalte 1</th><th>Spalte 2</th><th>Spalte 3</th></tr>
</thead>
<form id='list' name='list'>
<tbody id='list-content'> //Hier wird der Inhalt neu rein geladen
<tr><td><input type='checkbox' name='raw[]' id='raw_1' value='x' /></td><td>Inhalt 2</td><td>Inhalt 3</td></tr>
<tr><td><input type='checkbox' name='raw[]' id='raw_2' value='x' /></td><td>Inhalt 2</td><td>Inhalt 3</td></tr>
<tr><td><input type='checkbox' name='raw[]' id='raw_3' value='x' /></td><td>Inhalt 2</td><td>Inhalt 3</td></tr>
</tbody>
</form>
</table>
Alles anzeigen
jquery
var data;
jQuery(document).ready(function($)
{
$.ajax({
contentType: 'application/x-www-form-urlencoded; charset=ISO-8859-1',
data: $(list).serialize(),
type: 'POST',
url: 'empfang.php',
success: function(data)
{
if(data!="")
{
console.log(data);
}
}
})
.done(function(data, textStatus, jqXHR)
{
alert_window("Teilnehmerverwaltung meldet:","Teilnehmer wurden erfolgreich entfernt!",2000);
})
.fail(function(jqXHR, textStatus, errorThrown)
{
alert_window("Daten nicht gespeichert","Teilnehmer konnte leider nicht gespeichert werden! Wenden Sie sich an den Administrator!",2000);
});
return false;
});
Alles anzeigen
Sortiere ich nicht klappt alles einwandfrei. Sobald ich den Inhalt von list-content neulade wird nichts mehr versendet. Erkläre mir das so, dass beim neuladen Jquery nicht mehr auf die neuen inputs zugreifen kann. Aber wie kann ich das umgehen???