Søg
Avatar billede getalife Nybegynder
19. juni 2002 - 18:59 Der er 6 kommentarer og
2 løsninger

Form ud fra select

Hejsa

Jeg håber der er en der kan hjælpe med et lille problem.

Jeg skal have lave et form der ændrer sig ud fra hvilken mulighed man vælger i en selectbox.
Det vil sige:
Hvis jeg vælger option 1 skal der være nogle forskellige input felter.
Hvis jeg vælger option 2 skal der være nogle andre.. osv.

På forhånd tak.
Avatar billede fireblast Nybegynder
19. juni 2002 - 20:18 #1
<SCRIPT LANGUAGE="JavaScript">
function changeFields(elementValue){
var myFirst=document.getElementById('theFirst');
var mySecond=document.getElementById('theSecond');
if(elementValue=="1"){myFirst.style.visibility="visible"; mySecond.style.visibility="hidden"}
if(elementValue=="2"){myFirst.style.visibility="hidden"; mySecond.style.visibility="visible"}
if(elementValue=="0"){myFirst.style.visibility="hidden"; mySecond.style.visibility="hidden"}
}
</SCRIPT>
<form name="f1">
<select name="group" onchange="changeFields(this.value)">
<option value="0">Skjul alle</option>
<option value="1">Vis eng</option>
<option value="2">Vis dansk</option>
</select>
<DIV ID="theFirst" STYLE="visibility: hidden">
Your name?: <INPUT TYPE="text" NAME="user"><BR>
Your age?: &nbsp;&nbsp;&nbsp;<INPUT TYPE="text" NAME="age">
</DIV>

<DIV ID="theSecond" STYLE="visibility: hidden">
Dit navn?: &nbsp;<INPUT TYPE="text" NAME="bruger"><BR>
Din alder?: <INPUT TYPE="text NAME="alder">
</DIV>
<input type="submit" VALUE="Send">
</form>
Avatar billede fireblast Nybegynder
19. juni 2002 - 20:19 #2
du kan selvfølgelig selv ændre i antallet af felter mellem de forskellig div's...
Avatar billede eagleeye Praktikant
19. juni 2002 - 20:39 #3
Her er et eks hvor det er dele af den form som forvinder kommer frem efter havd der er valgt i selecten:

<HTML>
<head>
<SCRIPT LANGUAGE="JavaScript">
function formChange(){
  switch (document.formNavn.formSelect.value) {
    case "1": {
      document.formNavn.navn1.style.visibility = "visible";
      document.formNavn.navn2.style.visibility = "hidden";
     
      } break;
    case "2": {
      document.formNavn.navn1.style.visibility = "hidden";
      document.formNavn.navn2.style.visibility = "visible";
     
      } break;
    case "3":{
      document.formNavn.navn1.style.visibility = "hidden";
      document.formNavn.navn2.style.visibility = "hidden";
      } break;
  }
}
</SCRIPT>
</head>
<body onload="formChange();"><center>

<form name="formNavn">
<table><tr>
<td>Vælg form layout</td><td>
<select name="formSelect" size="1" OnChange="formChange();">
<option value="1" SELECTED>Form layout 1</option>
<option value="2">Form layout 2</option>
<option value="3">Form layout 3</option>
</select></td></tr>
<tr><td>Navn</td><td><input type="text" name="navn" size="16" ></td></tr>
<tr><td>Navn1</td><td><input type="text" name="navn1" size="16" ></td></tr>
<tr><td>Navn2</td><td><input type="text" name="navn2" size="16" ></td></tr>
</table>
</form>

</center>
</body>
</HTML>
Avatar billede eagleeye Praktikant
19. juni 2002 - 20:39 #4
doh sorry, glemt at trykke på refesh for jeg skrev.
Avatar billede getalife Nybegynder
20. juni 2002 - 21:43 #5
Tak for det.. men der er desværre ikke nogen af dem der funker i Netscape :o(
Avatar billede getalife Nybegynder
20. juni 2002 - 23:54 #6
Nogen der har forslag til hvordan man får det til at funke i Netscape også?
Avatar billede eagleeye Praktikant
21. juni 2002 - 00:04 #7
Det eks jeg har vist virker i Morzilla hvis det hjælper noget?
Prøv evt at tilføje diss kommetar <!-- //--> on/off imellem script tagsne:


<SCRIPT LANGUAGE="JavaScript">
<!--
function formChange(){
  switch (document.formNavn.formSelect.value) {
    case "1": {
      document.formNavn.navn1.style.visibility = "visible";
      document.formNavn.navn2.style.visibility = "hidden";
     
      } break;
    case "2": {
      document.formNavn.navn1.style.visibility = "hidden";
      document.formNavn.navn2.style.visibility = "visible";
     
      } break;
    case "3":{
      document.formNavn.navn1.style.visibility = "hidden";
      document.formNavn.navn2.style.visibility = "hidden";
      } break;
  }
}
//-->
</SCRIPT>
Avatar billede getalife Nybegynder
21. juni 2002 - 00:35 #8
well.. jeg tænkte på noget lidt mere bagud kompatibelt end NS 6 :o)
Så vidt jeg husker skal der et eller andet ekstra på for at NS gider at æde det.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
I går 11:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
White papers
Flere white papers »