Dynamisk tilføje og fjerne input-bokse ved at trykke på 2 knapper
Hej!Jeg sidder og bikser med en afstemning, min ide er at lade brugeren bestemme hvor mange valgmuligheder der er så kan han/hun tilføje og fjerne dem som han/hun vil.
Dvs. man indtaster en mulighed, trykker på en kanp og så dukker inputboksen op med det indtastede. Jeg ønsker at gøre dette på klienten, da der kan være uendeligt mange svarmuligheder.
Når man har oprettet en svarmulighed skal det også være muligt at fjerne den igen ved at trykke på en knap.
Jeg har følgende stykke herunder, der mangler desværre alt JS koden, da jeg ikke lige kan regne den ud.
Jeg håber der er en der er frisk på at hjælpe lidt (meget)
:)
<form name="form" onSubmit="return valider(this)" method="post" action="modul_afstemning.php">
<input name="side" type="hidden" value="1">
<input name="send" type="hidden" value="ok">
<table align="center" width="95%" cellspacing="0" cellpadding="0" border="0">
<tr bgcolor="#D2D2D2"><td width="180" nowrap style="padding:8px">Spørgsmål:</td><td width="100%" style="padding:8px" colspan="2"><input name="nyt_spm" style="width:98%" type="text" size="40"></td>
</tr>
<tr><td height="13"></td></tr>
<div>
Her skal der så sættes en blok ind for hver gang man klikker på "Tilføj svarmulighed".
Den skal helst også kunne fjernes igen ved at trykke på en knap.
Den må (hvis det kan lade sig gøre) gerne skifte farve ved hver anden, imellem farverne #E2E2E2 og #D2D2D2 startende med førstenævnte.
Der skal stå svarmulighed xx alt efter hvilket nummer det er.
Blokken skal se sådan her ud:
<!-- Blok start -->
<tr>
<td style="padding:8px">Svarmulighed 1:</td><td width="100%" style="padding:8px"><input name="svar[]" style="width:100%" type="text" size="40"></td><td style="padding:8px"><input type="button" value=" Fjern " onclick="fjern_mulighed(1)"></td>
</tr>
<tr><td height="13"></td></tr>
<!-- Blok slut -->
</div>
<tr bgcolor="#E2E2E2"><td style="padding:8px">Tilføj ny svarmulighed: </td><td style="padding:8px" colspan="2"><input type="text" name="ny_mulighed" style="width:98%" size="30"></td></tr>
<tr><td></td><td style="padding:8px" colspan="2"><input type="button" value="Tilføj svarmulighed" onclick="tilfoej_mulighed()"> <input type="submit" value="Opret afstemning"></td></tr>
</table>
</form>
