05. marts 2002 - 14:06Der er
3 kommentarer og 1 løsning
Input-felter i en form der skal manipuleres af en JavaScript
Min situation er den at jeg skal have indfanget en masse variable via en formular, men jeg har et begrænsede antal variable jeg kan bruge.
Jeg skal derfor bruge et forslag til et script som kan sætte 2 inputfelter ex "Navn" og "Efternavn" sammen til 1 som hedder "Person". Person skal så submittes til en modtagerside.
En vigtig detalje som jeg missde... Jeg er bundet til at skulle afsende data via POST, og kan altså ikke bare konstruere mig en URL. De indtastede data må nemlig ikke stå i URL'en.
Jeg har en ide. På din side har du 2 forme. Den ene kun med hidden felter og den anden som brugeren taser ind i. I den med hidden felter ligger du felter ned fra den anden form. Se eks.
<html> <head> </head> <body> <SCRIPT language="JavaScript"> function output() { document.forma.navn.value = document.form1.fnavn.value + document.form1.enavn.value; alert(document.forma.navn.value); alert("Nu kan forma submittes"); } </SCRIPT> <form name = "forma"> <input type = "hidden" name = "navn"> </form>
<form name = "form1"> Fornavn:<input type = "text" name ="fnavn" ><br> Efternavn:<input type = "text" name = "enavn"> <input type = "button" value = "Send" onClick = "java script:output();"> </form> </body> </html>
En lille udbygning. I formB er der fire felter, og formen har ingen action altså skal den ikke submittes. FormA har 2 hidden felter der samler navn og vejnavn. Denne form skal så submittes.
<head> </head> <body> <SCRIPT language="JavaScript"> function output() { document.formA.navn.value = document.formB.fnavn.value + " " +document.formB.enavn.value; document.formA.adr.value = document.formB.vej.value + " " +document.formB.vejnr.value; alert(document.formA.navn.value); alert(document.formA.adr.value); alert("formA kan submittes med 2 feter i stedet for 4"); } </SCRIPT> <form name = "formA"> <input type = "hidden" name = "navn"> <input type = "hidden" name = "adr"> </form>
<form name = "formB"> Fornavn:<input type = "text" name ="fnavn" value = "Peter"><br> Efternavn:<input type = "text" name = "enavn" value = "Hansen"><br> Vejnavn:<input type = "text" name ="vej" value="Nørrebrogade"><br> Vej nr<input type = "text" name = "vejnr" value = "22 2.th"><br> <input type = "button" value = "Send" onClick = "java script:output();"> </form>
Hej Senj. Det ser ikke helt tosset ud. Tjecker det lige af inden jeg smider pointene efter dig :-)
Synes godt om
Ny brugerNybegynder
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.