10. januar 2004 - 16:50Der er
12 kommentarer og 1 løsning
Efter valg af fx drop down sker der noget
Først vil jeg sige at dette spørgsmål muligvis er i den forkerte kategori... Jeg ved det ikke - må er det JavaScript eller?
På nogle sider kan man vælge i en drop down eller en anden input fx af typen radio. Og når valgt er fortaget sker der noget andet, med det samme.
Eks 1: På B-one's admin side kan man vælge at videre sende mails: Når man klikker vidersend af, kommer der pludselig et textbox hvor man kan angive en ny email.
Eks 2: På hotmail (mener det er ved oprettelsen) vælger man sprog. Vælger man dansk forsvinder boxen med zip-code osv da det ikke er på samme måde i dk...
Håber I forstår og kan hjælpe mig med en sådan kode...
Det kunne jo fx være sådan at det var en radio til dansk og svensk. Nedenunder kommer der en tekst med beskeden: Du har valgt dansk ... / eller: Du har valgt svensk
Ja, f.eks., men det display:inline|block|none, så f.eks.
<select onchange="document.getElementById(this.value).style.display='inline';"> <option value="">-- Vælg sprog --</option> <option value="dansk">Dansk</option> <option value="svensk">Svensk</option> </select> <br><br> <span id="dansk" style="display:none;">Dansk er valgt som sprog</span> <span id="svensk" style="display:none;">Dansk er valgt som sprog</span>
Dette er et hurtigt eksempel, da man selvfølgelig skal lave en funktion, som sikrer at to forskellige spans ikke kan vises ...
-- og lige for også at illustrere selects !-)
inline er propertyen for inline-elementer, som f.eks. spans, mens block er den til block-level-elementer, som divs, tables o.l.
<select onchange="document.getElementById(this.value).style.display='inline';"> <option value="">-- Vælg sprog --</option> <option value="dansk" onclick="if(this.checked)document.getElementById('svensk').style.display='none';">Dansk</option> <option value="svensk" onclick="if(this.checked)document.getElementById('dansk').style.display='none';">Svensk</option> </select> <br><br> <span id="dansk" style="display:none;">Dansk er valgt som sprog</span> <span id="svensk" style="display:none;">Svensk er valgt som sprog</span>
Jeg prøvede at ændre koden lidt - det virkede ikke.
Din kode virker fint - problemet er blot at hvis jeg vælger dansk, står der: Dansk er valgt som sprog.
Men vælger jeg så om står der: Dansk er valgt som sprog. Svensk er valgt som sprog...
onclick virker ikke på options, så du skal ud i en egentlig funktion !-)
f.eks.:
<script type="text/javascript"> function visSprog(sel){ s = document.getElementsByTagName('SPAN'); for(i=0;s.length>i;i++){ if(s[i].className=="sprog")s[i].style.display='none'; } document.getElementById(sel.value).style.display='inline'; } </script>
<select onchange="visSprog(this)"> <option value="">-- Vælg sprog --</option> <option value="dansk">Dansk</option> <option value="svensk">Svensk</option> </select> <br><br> <span id="dansk" class="sprog" style="display:none;">Dansk er valgt som sprog</span> <span id="svensk" class="sprog" style="display:none;">Svensk er valgt som sprog</span>
Prøv at trykke på brugernavnet i list-boxen først !-)
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.