Avatar billede jannhomm Nybegynder
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.
Avatar billede codebase Praktikant
01. juli 2004 - 16:02 #1
<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>
Avatar billede codebase Praktikant
01. juli 2004 - 16:03 #2
se at formen har navnet: formnavn
derfor document.formnavn.tekst2.value
hvor tekst2 er navnet på feltet du skal overføre data til.
Avatar billede roenving Novice
01. juli 2004 - 16:31 #3
<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>
Avatar billede jannhomm Nybegynder
01. juli 2004 - 17:57 #4
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.
Avatar billede roenving Novice
01. juli 2004 - 18:07 #5
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>
Avatar billede roenving Novice
01. juli 2004 - 18:08 #6
-- og den kan også fås til at slette ved fjernelse ...
Avatar billede jannhomm Nybegynder
01. juli 2004 - 18:12 #7
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
Avatar billede jannhomm Nybegynder
01. juli 2004 - 18:15 #8
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/>


&nbsp;</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>
Avatar billede roenving Novice
01. juli 2004 - 18:17 #9
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 ...
Avatar billede jannhomm Nybegynder
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>
Avatar billede roenving Novice
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>
Avatar billede jannhomm Nybegynder
01. juli 2004 - 20:27 #12
perfekt :-) ... tak for hjælpen!! - send lige et svar, så overfører jeg :-)
Avatar billede roenving Novice
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 ?-)
Avatar billede roenving Novice
01. juli 2004 - 20:30 #14
;O)
Avatar billede jannhomm Nybegynder
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 :-)
Avatar billede roenving Novice
01. juli 2004 - 21:19 #16
Fjerne fluebenet i checkboxen !-)

-- og tak for point ;~}
Avatar billede jannhomm Nybegynder
01. juli 2004 - 23:35 #17
ja men så må de jo fjerne teksten fra hus data selv igen :-)... skdld ..hæ hæ
Avatar billede roenving Novice
01. juli 2004 - 23:41 #18
Oki !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester