Select en problemas

natashca · #1 (**permalink**) 07/06/2007, 10:57

wenu otra vers yop......ojala me ayuden......paso puro pregutando porque se mucho de esto....me gustaria saber mas para ayudar.....

la siguiente duda tiene que ver con select....tengo un select con varios criterios.......por ejemplo......

perro
gato
vaca
caballo

mi pregunta es como se pued hacer para que yo al hacer click por ejemplo en perro... me aparesca escrito perro alguna parte de la pantalla..ya sea arriba o al aldo---- si elijo caballo ..me muestre la palabr caballo y asi..

ojala me entiendan y puedan ayudarme...grasias a todos

rlobos · #2 (**permalink**) 07/06/2007, 11:31

Prueba con esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div id="opciones" align="center">Perro</div>
<script>
var campo = document.getElementById("opciones");

function muestraSeleccion(texto)
{ campo.innerHTML=texto; }
</script>
<table>
<tr>
<td>Opcion</td>
<td>
<SELECT NAME="animales" onChange="muestraSeleccion(this.value)" SIZE="1">
<OPTION VALUE="Perro">Perro
<OPTION VALUE="Gato">Gato
<OPTION VALUE="Vaca">Vaca
<OPTION VALUE="Caballo">Caballo
</SELECT>
</td>
</tr>
</table>
</body>
</html>

Salu2

natashca · #3 (**permalink**) 07/06/2007, 12:46

ola grasias por responder.....funciona genial.......pero hay una pequeña duda....

si yo elijo caballo aparese caballo cierto?? ok esta bien eso...ahora si yo actualizo la pagina o la refresco.....aparese perro pero las opciones del select no se refrescan y queda en caballo......como arreglo esto??

gracias
salu2

rlobos · #4 (**permalink**) 07/06/2007, 13:07

Debes colocar selected en la opcion Perro, como en el ejemplos

EJEMPLO:
<SELECT NAME="animales" onChange="muestraSeleccion(this.value)" SIZE="1">
<OPTION VALUE="Perro" selected>Perro
<OPTION VALUE="Gato">Gato
<OPTION VALUE="Vaca">Vaca
<OPTION VALUE="Caballo">Caballo
</SELECT>

Salu2

natashca · #5 (**permalink**) 07/06/2007, 14:23

ola ota ves ice todo lo que tu me as dicho...cambie lo ultimo. y nada...sige pasando lo mismo.la idea es que a lactualizar cambie tambien lo del select
no funciona esa parte pero lo otro sip....igual grasias aora si sabes porque o cual es el problema me ayudas porfa vale
chaus

rlobos · #6 (**permalink**) 07/06/2007, 15:16

Uff, ahora Si
A ti no te fuincionaba en Firefox yo lo probaba en explorer y no tenia problemas, bueno en todo caso aqui va nuevamente, espero el definitivo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<div id="opciones" align="center">Perro</div>
<script>
var campo = document.getElementById("opciones");

function muestraSeleccion(texto)
{
campo.innerHTML=texto;
}
</script>
<form name="ejemplo" method="post" action="" target="">
<table>
<tr>
<td>Opcion</td>
<td>
<SELECT NAME="animales" onChange="muestraSeleccion(this.value)" SIZE="1">
<OPTION VALUE="Perro">Perro
<OPTION VALUE="Gato">Gato
<OPTION VALUE="Vaca">Vaca
<OPTION VALUE="Caballo">Caballo
</SELECT>
</td>
</tr>
</table>
</form>
<script language="javascript">
document.ejemplo.animales.selectedIndex = 0;
</script>
</body>
</html>

Chau

natashca · #7 (**permalink**) 08/06/2007, 08:18

emmmmmm ola grasias em ya supe porque era...

mira habia sacado esto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

y ahora puse todo y funciona que raro...wenu grasias por tu ayuda funciona de maravilla ....ahora lo provare para una base de datos...

saludos chaus