01. juli 2004 - 15:55
Der er
17 kommentarer og 1 løsning
parameter overfør i forms
Jeg har en hjemmeside med formularer, hvor jeg modtager oplysninger fra brugeren. Hvis jeg ønsker at modtage oplysninger om personen fx. navn, adresse, postnr, by og modtager bagefter oplysninger om huset. adresse, postnr, by hvis det så er tilfældet at personen og huset er samme adresse, så vil jeg gerne have det overført med et enkelt klik i et flueben, så man ikke skal skrive det samme igen.
Annonceindlæg fra Netic
<html> <head> <script> function flytdata(){ document.formnavn.tekst2.value = document.formnavn.tekst1.value; } </script> </head> <body> <form action=" method="post" name="formnavn"> <input type="text" name="tekst1" value="test"><br/> <br/> <a href="java script:flytdata();">Overfør data til tekst2 feletet</a><br/><br/> <br/> <input type="text" name="tekst2" value=""> </form> </body> </html>
se at formen har navnet: formnavn derfor document.formnavn.tekst2.value hvor tekst2 er navnet på feltet du skal overføre data til.
<script type="text/javascript"> function kopiData(f){ f.hadresse.value = f.adresse.value; f.hpnr.value = f.pnr.value; f.hby.value = f.by.value; } </script> <form onsubmit="kopiData(this)"> Navn: <input type="text" name="navn"><br> Adresse: <input type="text" name="adresse"><input type="checkbox" name="EnsAdr">Hus samme adresse<br> Postnr: <input type="text" name="pnr"><br> By: <input type="text" name="by"><br> Huset:<br> Adresse: <input type="text" name="hadresse"><br> Postnr: <input type="text" name="hpnr"><br> By: <input type="text" name="hby"> <input type="submit"> </form>
Det er lidt en blanding mellem de to ... det skal være flere felter som roenving viser, men overføres på samme måde som codebase har gjort.
Grunden til at jeg lagde det op i onsubmit var, at hvis ikke alle var udfyldt på det tidspunkt, hvor klikket i checkboxen var udført, kunne der være problemer med at få værdierne med !-) Men vi kan da anskue det en anelse anderledes: <form onsubmit=""> Navn: <input type="text" name="navn"><br> Adresse: <input type="text" name="adresse" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> Postnr: <input type="text" name="pnr" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> By: <input type="text" name="by" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> Huset <input type="checkbox" name="EnsAdr">Samme adresse:<br> Adresse: <input type="text" name="hadresse" onclick="if(this.checked)kopiData(this.form)"><br> Postnr: <input type="text" name="hpnr"><br> By: <input type="text" name="hby"> <input type="submit"> </form>
-- og den kan også fås til at slette ved fjernelse ...
jeg vil meget gerne have det overført, så man ser teksten i huset... som codebase' viser.. så man ikke er i tvivl om det er overført
så det virker således.... men kan ikke få checkboxen til at overføre <html> <head> <script> function flytdata(){ document.formnavn.tekst4.value = document.formnavn.tekst1.value; document.formnavn.tekst5.value = document.formnavn.tekst2.value; document.formnavn.tekst6.value = document.formnavn.tekst3.value; } </script> </head> <body> <form action="method="post" name="formnavn"> <input type="text" name="tekst1" value="test1" size="20"><br/> <input type="text" name="tekst2" value="test2" size="20"><p> <input type="text" name="tekst3" value="test3" size="20"><br/> </p> <p> <form onsubmit="java script:flytdata()" name="formnavn" action="method="> <a href="java script:flytdata();"> <input type="checkbox" name="C1" value="ON"></a>Husets adresse er det samme som personens<br/> <br/> <input type="text" name="tekst4" value="" size="20"> </p> <input type="text" name="tekst5" value="" size="20"></p> <p> <input type="text" name="tekst6" value="" size="20"></p> </form> </body> </html>
Det er da præcis sådan den sidste jeg lagde fungerer ?-) -- kopiData()-funktionen ville jeg ikke lægge igen, men den skal selvfølgelig også være der ...
01. juli 2004 - 18:21
#10
jeg kan ikke få den til at vise teksten :-( ... det er sådan det burde se ud ik ? <script type="text/javascript"> function kopiData(f){ f.hadresse.value = f.adresse.value; f.hpnr.value = f.pnr.value; f.hby.value = f.by.value; } </script> <form onsubmit=""> Navn: <input type="text" name="navn"><br> Adresse: <input type="text" name="adresse" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> Postnr: <input type="text" name="pnr" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> By: <input type="text" name="by" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> Huset <input type="checkbox" name="EnsAdr">Samme adresse:<br> Adresse: <input type="text" name="hadresse" onclick="if(this.checked)kopiData(this.form)"><br> Postnr: <input type="text" name="hpnr"><br> By: <input type="text" name="hby"> <input type="submit"> </form>
01. juli 2004 - 19:12
#11
Jeg har fået smidt onclick'en på et forkert felt: <script type="text/javascript"> function kopiData(f){ f.hadresse.value = f.adresse.value; f.hpnr.value = f.pnr.value; f.hby.value = f.by.value; } </script> <form onsubmit=""> Navn: <input type="text" name="navn"><br> Adresse: <input type="text" name="adresse" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> Postnr: <input type="text" name="pnr" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> By: <input type="text" name="by" onchange="if(this.form.EnsAdr.checked)kopiData(this.form)"><br> Huset <input type="checkbox" name="EnsAdr" onclick="if(this.checked)kopiData(this.form)">Samme adresse:<br> Adresse: <input type="text" name="hadresse"><br> Postnr: <input type="text" name="hpnr"><br> By: <input type="text" name="hby"> <input type="submit"> </form>
01. juli 2004 - 20:27
#12
perfekt :-) ... tak for hjælpen!! - send lige et svar, så overfører jeg :-)
01. juli 2004 - 20:30
#13
Velbekomme '-) Har du tænkt på, at folk måske kan finde på at fjerne den, når de finder ud af hvad den gør ?-)
01. juli 2004 - 20:30
#14
;O)
01. juli 2004 - 21:00
#15
finde på at fjerne den ? -.... de kan vel ikke fjerne den, når de ikke har adgang til webhotellet? .... men mange tak :-)
01. juli 2004 - 21:19
#16
Fjerne fluebenet i checkboxen !-) -- og tak for point ;~}
01. juli 2004 - 23:35
#17
ja men så må de jo fjerne teksten fra hus data selv igen :-)... skdld ..hæ hæ
01. juli 2004 - 23:41
#18
Oki !-)
Vi tilbyder markedets bedste kurser inden for webudvikling