Avatar billede netapplication Nybegynder
23. august 2004 - 15:11 Der er 6 kommentarer og
1 løsning

Visning af skjult tekst udfra dropdown menu?

Hej,

hvis man har en dropdown liste (menu/list) f.eks:

<select name="select">
  <option value="1" selected>Bil 1</option>
  <option value="2">Bil 2</option>
  <option value="3">Bil 3</option>
  <option value="4">Bil 4</option>
</select>

Er det så muligt via javascript at få noget skjult tekst frem baseret udfra valget?

(Brugeren vælger Bil 2 og Ping! noget tekst dukker frem på samme side: " Du har valgt bil 2 - tak".

:-)
Avatar billede yellow Nybegynder
23. august 2004 - 15:27 #1
<script type="text/javascript">
function showText( dropdown ){
  document.all.placeholder.innerText = dropdown.value!=""?"Du har valgt " + dropdown.options[dropdown.selectedIndex].innerText + " - tak!":"";
}
</script>
<select name="select" onchange="showText( this );">
  <option value="" selected>Vælg bil</option>
  <option value="1">Bil 1</option>
  <option value="2">Bil 2</option>
  <option value="3">Bil 3</option>
  <option value="4">Bil 4</option>
</select>
<span id="placeholder"></span>
Avatar billede roenving Novice
23. august 2004 - 15:34 #2
Man skal så være opmærksom på, at innerText langtfra understøttes af alle browsere, hvor innerHTML kun savnes i de forældede browsere, samt at document.all også har en stærkt begrænset understøttelse:

<select name="select" onchange="document.getElementById('visText').innerHTML=(this.selectedIndex==0)?'':'Du har valgt bil '+this.value">
  <option>-- Vælg bil --</option>
  <option value="1">Bil 1</option>
  <option value="2">Bil 2</option>
  <option value="3">Bil 3</option>
  <option value="4">Bil 4</option>
</select>
<br>

<span id="visText"></span>
Avatar billede netapplication Nybegynder
23. august 2004 - 15:51 #3
Mange tak - lav venligst et svar
Avatar billede netapplication Nybegynder
23. august 2004 - 15:54 #4
roenving - er det muligt at sætte nogle klausuer på din metode? Hvis det f.eks er bil 2 så skal den skrive noget helt specielt.
Avatar billede roenving Novice
23. august 2004 - 15:56 #5
Ja !-)

-- men så begynder det at blive langt at skrive direkte i eventen, men f.eks. sådan:

<select name="select" onchange="document.getElementById('visText').innerHTML=(this.selectedIndex==0)?'':(this.selectedIndex==2)?'OBS! Specialtilbud på Bil 2':'Du har valgt bil '+this.value">

-- og velbekomme '-)
Avatar billede netapplication Nybegynder
24. august 2004 - 10:51 #6
Mange mange taxa :)
Avatar billede roenving Novice
24. august 2004 - 11:36 #7
-- 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