Avatar billede andersjo Nybegynder
21. februar 2005 - 13:32 Der er 1 kommentar og
1 løsning

Velge bilde fra select-box

Hei.

Jeg har en select-box med forskjellige biler. Når jeg velger en bil i boksen ønsker jeg å vise et bilde av bilen under select-boxen. Dette burde vel la seg gjøre i JavaScript..

<select name="stdbilde">
<option value="0">-- Velg bilde --</option>
<optgroup label="Mercedes-Benz">
<option value="test">A-klasse</option>
<option value="test">C-klasse</option>
<option value="test">E-klasse</option>
<option value="test">S-klasse</option>
</optgroup>
<optgroup label="Peugeot">
<option value="test">206</option>
<option value="test">307</option>
<option value="test">407</option>
<option value="test">607</option>
<option value="test">807</option>
</optgroup>
</select>

Noen som har et forslag til fremgangsmåte..?

//andersjo
Avatar billede andersjo Nybegynder
21. februar 2005 - 14:03 #1
Løste det selv...
Avatar billede andersjo Nybegynder
21. februar 2005 - 14:06 #2
HTML-koden:

<select name="stdbilde" onchange="endreBilde(document.bilform1.stdbilde.value);">
<option value="0">-- Velg bilde --</option>
<optgroup label="Mercedes-Benz">
<?php
$result = mysql_query ("SELECT * FROM stdbilder WHERE bilmerkeid = 1 ORDER BY biltype")
or die('Feil i SQL: ' . mysql_error());

while($row = mysql_fetch_array($result))
{
    echo "<option value=\"" .$row['bilde']. "\">" .$row['biltype']. "</option>";           
}
?>
</optgroup>
<optgroup label="Peugeot">
<?php
$result = mysql_query ("SELECT * FROM stdbilder WHERE bilmerkeid = 2 ORDER BY biltype")
or die('Feil i SQL: ' . mysql_error());

while($row = mysql_fetch_array($result))
{
    echo "<option value=\"" .$row['bilde']. "\">" .$row['biltype']. "</option>";           
}
?>
</optgroup>
</select>

<img src="#" name="visStdBilde" border="0">



JavaScriptet:

function endreBilde(bilde){
   
    img = new Image;
    img.src = "../Bilder/stdbilder/" + bilde;
    document.bilform1.visStdBilde.src = img.src;
}
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