Avatar billede Mik2000 Professor
12. november 2006 - 17:16 Der er 6 kommentarer og
2 løsninger

Felt kommer frem når et andet felt udfyldes

Hej

Jeg har et drop down felt hvor jeg har 3 værdier man kan vælge.

Hvis den sidste vælges, så skal der komme et felt frem som hedder beskriv eller lign.

Hvordan styres det med javascript.

Herunder er koden. Feltet er her:
------------------------------------------
<select name="Set_siden" id="Set_siden">
<option value="Nej">Nej</option>
<option value="Kan_ikke_huske_det">Ikke huske det</option>
<option value="Ja">Ja</option>
</select>
------------------------------------------

... når man så vælger Ja skal der komme et felt frem som herunder:
------------------------------------------
<input name="Beskriv" type="text" id="Beskriv" size="50">
------------------------------------------

... vælges de 2 øverste (Nej og Ikke huske) skal der ikke komme noget felt frem.

P.S.: Hvordan gøres dette. Kender ultra low basis til javascript så ved funktioner skal ligge i head, at man kan sætte onChange og andre onSomething på felter og sådan noget.
Avatar billede cpufan Juniormester
12. november 2006 - 18:03 #1
------------------------------------------
<select name="Set_siden" id="Set_siden" onchange="beskriv(this.value)">
<option value="Nej">Nej</option>
<option value="Kan_ikke_huske_det">Ikke huske det</option>
<option value="Ja">Ja</option>
</select>
------------------------------------------

... når man så vælger Ja skal der komme et felt frem som herunder:
------------------------------------------
<input name="Beskriv" type="text" id="Beskriv" size="50" style="visibility:hidden">

<script type="text/javascript">
function beskriv(vrd)
if (vrd== 'Ja'){
document.getElementById('Beskriv').style.visibility = "visible";
}
</script>
Avatar billede cpufan Juniormester
12. november 2006 - 18:03 #2
funktionen ligger du i head
Avatar billede roenving Novice
13. november 2006 - 01:06 #3
-- to ting ...

-- sørg for validt javascript ved at indsætte tuborger om funktionen ...

-- og så ville jeg selv benytte mig af selectedIndex og style:display i den slags situationer:

<select name="Set_siden" id="Set_siden" onchange="beskriv(this)">
  <option value="Nej">Nej</option>
  <option value="Kan_ikke_huske_det">Ikke huske det</option>
  <option value="Ja">Ja</option>
</select>
<br>
<input name="Beskriv" type="text" id="Beskriv" size="50" style="display:none;">

<script type="text/javascript">
function beskriv(sel){
  document.getElementById('Beskriv').style.display = sel.selectedIndex == 2 ? "inline" : "none";
}
</script>
Avatar billede Mik2000 Professor
09. december 2006 - 01:08 #4
I deler hvis I lige ligger et svar - sorry ventetiden
Avatar billede roenving Novice
15. december 2006 - 12:52 #5
Oki '-)
Avatar billede cpufan Juniormester
15. december 2006 - 12:56 #6
svar
Avatar billede Mik2000 Professor
26. december 2006 - 02:12 #7
Tak for hjælpen :)
Avatar billede roenving Novice
26. december 2006 - 02:26 #8
-- og tak for point ;~}
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