Ta bort föräldernod OCH innehållet i densamma

3 svar · 587 visningar · startad av prplxr 3 apr. 2013

prplxrMedlem sedan juni 2012581 inlägg

Frågan3 apr. 2013 09:49#1

Har kört fast lite. Har ett formulär för att generera en faktura. Man lägger till poster med hjälp av AJAX (knapp för att skapa ny post). Med anropet skapas en ny div innehållandes en select, två text-inputs samt en button för att radera denna rad.

Allt är frid och fröjd, men om jag raderar en post och sedan submittar formuläret så skickas de inputsen med ändå.

Jag raderar en rad med denna kodsnutt:

<input type="button" value="Ta bort" onclick="this.parentNode.parentNode.removeChild(this.parentNode);" />

Detta tar bort aktuell rad rent visuellt, men den tycks ändå finnas kvar. Var har jag tänkt fel?

voigtann1Medlem sedan juni 20019 519 inlägg

3 apr. 2013 10:03#2

vad menar du med att den tycks vara kvar? Hur ser din HTML kod ut?

http://jsbin.com/inenid/1/edit fungera i alla fall på det sätt du har skrivit.

i DOM:en finns den inte kvar längre i alla fall

prplxrMedlem sedan juni 2012581 inlägg

3 apr. 2013 10:48#3

De fält som finns i den div som plockas bort av mitt script följer med när jag postar formuläret. Jag känner mig litet korkad nu, men jag kan verkligen inte förklara det annorlunda. :P

Ska kika på hur det ser ut i mitt DOM-träd. Återkommer, var så säker! :D

/red. Inget konstigt i DOM:en. Där ser allt ut att försvinna som det ska. Men när jag postar följer fälten som ska vara borta med trots allt. :S

prplxrMedlem sedan juni 2012581 inlägg

3 apr. 2013 11:04#4

Jag får be om ursäkt. Jag måste fått något hjärnsläpp. Det fungerar visst precis som jag tänkt mig. Jag lyckas inte återskapa felet. Tack för att du tog dig tid, voigtann1! :-)