img y select

[jrrm]

hola, tengo un formulario con un select y lo que quiero es que cuando de click en un item me muestre una imagen en un img sabiendo que la informacion que me da el select es el nombre de la imagen y su extension, las imagenes esta en un directorio llamado uploads. Me supongo que se hace con java.

<select name="tres" size="16">
<option>archivo1.jpg</option>
<option>archivo2.gif</option>
</select>

[zerokilled]

verifica si este ejemplo te sirve, http://www.dynamicdrive.com/dynamici...geselector.htm

[hector2c]

Código PHP:

  <form name="formulario">
    <select name="lista" onChange="fn_mostrar();">
        <option>archivo1.jpg</option>
        <option>archivo2.gif</option>
        <option>archivo3.gif</option>
    </select>
</form>
<img src="" id="imagen">
<script language="javascript" type="text/javascript">
    function fn_mostrar(){
        var texto
        var indice = document.formulario.lista.selectedIndex
        var texto = document.formulario.lista.options[indice].text
        var imagen = document.getElementById('imagen');
        imagen.src = texto;
    }
    fn_mostrar();
</script> 
  

suerte...

[jrrm]

no me esta funcionando, mira como lo hice:

<img src="" name="cimg" width="190" height="195" id="cimg" />

<script language="javascript" type="text/javascript">
function fn_mostrar()
{
var texto
var indice = document.FormMenu.imagen.selectedIndex
var texto = document.FormMenu.imagen.options[indice].text
var imagen = document.getElementById('cimg');
imagen.src = "uploads/"+texto;

}

fn_mostrar();

</script>

<form id="FormMenu">
<select name="imagen" size="16" onchange="fn_mostrar();">
<?php
$dir = "uploads/";

if (is_dir($dir))
{
if ($dh = opendir($dir))
{
while (($file = readdir($dh)) !== false)
{
if (strtolower($file) != "." && strtolower($file) != ".." && strtolower($file) != "thumbs.db" )
{
echo "<option >".$file."</option>";
}
}
closedir($dh);
}
}


?>
</select>
</form>