Avatar billede Bjarne Novice
03. november 2007 - 16:31 Der er 7 kommentarer og
2 løsninger

Dynamisk formular

Godaften.

Jeg står og mangler lidt kode, som kan aktivere et par formfelter. Jeg har en drop-down-menu med et punkt som hedder "brugerdefineret". Hvis brugeren vælger denne, skal jeg have aktiveret to tekstfelter.
Nogen som har et bud på, hvordan man laver det?

På forhånd tak
Avatar billede w13 Novice
03. november 2007 - 17:50 #1
Hvad mener du med aktiveret?
Avatar billede Bjarne Novice
04. november 2007 - 00:08 #2
Det fik jeg vist ikke forklaret ordentligt. Jeg mener, at de to tekst felter skal være deaktiverede indtil "brugerdefineret" vælges i en drop-down-menu. Altså fx

<input type="text" disabled="disabled">

Dvs. der ikke kan skrives i felterne før man har valgt "brugerdefineret".
Avatar billede w13 Novice
04. november 2007 - 01:16 #3
Hvilket nr. i rækken af options i select-boksen har din "brugerdefineret"? Hvis det f.eks. er anden option, kan du gøre sådan:
-------------------------------------------
<html>
<head></head>
<body>

<script type="text/javascript">
function EnableTextBoxes(index,brugerdef){
  if(index==brugerdef){
    document.getElementById('brugerdef1').setAttribute("disabled",false);
    document.getElementById('brugerdef2').setAttribute("disabled",false);
  }else{
    document.getElementById('brugerdef1').setAttribute("disabled",true);
    document.getElementById('brugerdef2').setAttribute("disabled",true);
  }
}
</script>

<select onchange="EnableTextBoxes(this.selectedIndex,1)">
<option>Test</option>
<option>Brugerdefineret</option>
</select>

<input type="text" id="brugerdef1" disabled="disabled">
<input type="text" id="brugerdef2" disabled="disabled">

</body>
</html>
Avatar billede roenving Novice
04. november 2007 - 05:21 #4
-- og jeg ville nok vælge at have en skjult sektion, som blev vist hvis specialiten blev valgt ...

<select name="minSelect" onchange="document.getElementById('skjultBlok').style.display=this.selectedIndex==1?'block':'none';">
  <option>Test</option>
  <option>Brugerdefineret</option>
</select>

<div id="skjultBlok" style="display:none;">
  <input type="text" id="brugerdef1">
  <input type="text" id="brugerdef2">
</div>
Avatar billede Bjarne Novice
04. november 2007 - 19:35 #5
Jeg har brugt roenvings eksempel. Det ser faktisk mere elegant ud..

Mange tak for hjælpen. Smid et svar.
Avatar billede roenving Novice
04. november 2007 - 23:41 #6
Velbekomme '-)

-- men det er vel rimeligt med en deler, da w13 jo faktisk gav dig det, du efterspurgte !-)
Avatar billede Bjarne Novice
05. november 2007 - 13:15 #7
Fint med mig.. tak for hjælpen.
Avatar billede w13 Novice
05. november 2007 - 13:39 #8
Og tak for point! :)
Avatar billede roenving Novice
05. november 2007 - 14:41 #9
-- også jeg takker 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