webForumDet fria alternativet

<select> --- > bild

JavaScript

6 svar · 198 visningar · startad av bymarie

Medlem sedan aug. 20022 436 inlägg
Frågan#1

Antar att den här frågan passar här..

Det är så här att jag har en rullista, en vanlig enkel <select>
I den så kan man välja olika humör, när man väljer t.ex "glad" så ska det visas en bild nedanför rullistan.
Hur löser man det enklast?

Medlem sedan sep. 20021 655 inlägg
#2
<select onchange="document.getElementById('bildId').src=this.options[this.selectedIndex].value;">
  <option value="happySmiley.gif">Glad</option>
  <option value="sadSmiley.gif">Ledsen</option>
</select>

<img src="happySmiley.gif" id="bildId" alt="smiley" />
Medlem sedan okt. 20023 030 inlägg
#3
<script type="text/javascript">
<!--
function updateImage(s, i) {  //updateImage(select, image)
    document.getElementById('humorBild').src = s.options[s.selectedIndex].value+'.gif';
}
-->
</script>

...

<select onchange="updateImage('this')">
    <option value="glad" selected="selected">Glad</option>
    <option value="ledsen">Ledsen</option>
</select>

<img src="glad.gif" id="humorBild" />

Något sådant kanske? Du får bygga vidare tills det fungerar så som du vill. :)

R// För sent. :r

R2// Nej men hoppsan.. Hade visst gjort ett fel. :r

Medlem sedan aug. 20022 436 inlägg
#4

Hm.. kan tyvärr inte få det att funka..

Medlem sedan sep. 20021 655 inlägg
#5

Jag hade skrivit option 2 lite konstigt.
Nu ska det fungera.

Medlem sedan aug. 20022 436 inlägg
#6

Funkar fortfarande inte.

Medlem sedan sep. 20021 655 inlägg
#7

Vad är det som blir fel då?

Självklart måste du ha två bilder som heter happySmiley.gif och sadSmiley.gif i samma mapp som html-filen, eller ändra sökvägarna till två existerande bilder.

259 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)