webForumDet fria alternativet

Visa textruta genom att välja ett alternativ via select-box?

JavaScript

5 svar · 299 visningar · startad av Ken

Medlem sedan mars 2004252 inlägg
Frågan#1

Jag har följande problem!
Man har en select-box, där man kan välja mellan två olika alternativ Ja eller Nej.När man väljer Ja, så skall en text-ruta bli synlig, utan att sidan laddas om pånytt. Finns det nåt sätt att göra detta?

Medlem sedan nov. 2000857 inlägg
#2

Flyttas från PHP..

Medlem sedan dec. 20025 483 inlägg
#3
<script type="text/javascript">

function shBox(sel)
{
    var elm = document.getElementById("box");
    elm.style.display = (sel.options[sel.selectedIndex].text == "Ja") ? "block" : "none";
}

</script>

<select onchange="shBox(this)">
  <option>Ja</option>
  <option selected="selected">Nej</option>
</select>

<div id="box" style="display:none">content...</div>
Medlem sedan maj 2005562 inlägg
#4

testa nåt sånt här ..

EDIT: Peter S hann visst före..

<script type="text/javascript">
function fixaselect() {
    if (obj = document.getElementById("fselect")) {
        obj.onchange = function() { if (this.value == "ja") document.getElementById("visaselect").style.visibility="visible"; }; 
    }
}
window.onload=fixaselect;
</script>

<form>
<select id="fselect">
<option>Välj</option>
<option value="ja">Ja</option>
<option value="nej">Nej</option>
</select>

<input id="visaselect" style="visibility:hidden" />
</form>
Medlem sedan mars 2004252 inlägg
#5

En annan fråga, som har anknytning till detta.
Man har select-box och via den väljer en kurs, som är lagrad i en
MySQL-tabell. När man väljer kursen och om en viss kolumn har värdet
Nej, så skall inte texten-rutan vara synlig. Går det att fixa?

Medlem sedan dec. 20025 483 inlägg
#6

Beroende på vilket serverspråk du använder, passar nog frågan bättre i det forumet.

Tipset är alltså att avsluta denna tråden med att acceptera det inlägg som löste ditt problem som slutgiltigt, och sedan starta en ny tråd i ASP-/PHP-/FOO-forumet.

:)

257 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)