Como mostrar un texto junto a un select dependiendo de la opcion elegida?

pakillo · #1 (**permalink**) 04/09/2010, 15:09

Hola, tengo un formulario de registro, que tiene una lista desplegable (select) lo que quiero es que junto a la lista salga un mnensaje dependiendo de la opcion seleccionada, por ejemplo

opcion 1 no disponible
opcion 2 disponible
opcion 3 no disponible

que salga el mensaje junto al select cuando se seleccione la opcion.

Código PHP:

   <SELECT name="opciones">

        <OPTION VALUE="op1">Opcion 1</OPTION>

        <OPTION VALUE="op2">Opcion 2</OPTION>

        <OPTION VALUE="op3">Opcion 3</OPTION>

        <OPTION VALUE="op4">Opcion 4</OPTION>

        <OPTION VALUE="otro">Otro</OPTION>

Saludos

Adler · #2 (**permalink**) 04/09/2010, 15:20

Hola

No explicas como obtienes la información de disponible o no disponible. En el select

Cita:

onchange="document.getElementById('msg').innerHTML = xxxxxx";
<span id="msg"></span>

Suerte

pakillo · #3 (**permalink**) 04/09/2010, 15:25

Hola, gracias por contestar, la voy a poner manualmente porque solo son 4 o 5 opciones y seran fijas

Adler · #4 (**permalink**) 04/09/2010, 15:57

Hola

El caso es el mismo. O bien en value o en el text de las option ha de aparecer (disponible /no disponible)

Suerte

pakillo · #5 (**permalink**) 04/09/2010, 16:19

Hola, perdona Adler es que no te entiendo bien y como no se nada de javascript peor :) el disponible o no disponible, yo no lo quiero guardar en bd ni enviar a otra pagina, solo quiero que se muestre un mensaje debajo del select o junto al select que le diga al usuario que si elige por ejemplo la opcion 3 le salga ese mensaje de que no esta disponible en este momento, si es la 2 igual, a las que yo le diga que no estan disponibles de momento, pero es un mensaje para el usuario, pero no quiero ponerlo como

opcio1 / no disponible dentro del select, si no que aparezca el mensaje a parte.

_cronos2 · #6 (**permalink**) 04/09/2010, 16:43

Ya pero lo que te pregunta él es cómo vas a saber si está disponible o no.

pakillo · #7 (**permalink**) 04/09/2010, 16:55

umm sigo si entender, creo que estoy tonto hoy, si esta disponible o no, como lo dije en el primer mensaje lo pondria a mano, osea voy a poner 4 opciones de las 4 solo 1 va a tener el mensaje de disponible, las 4 tienen que a parecer en el select, las 4 opciones, no es que quiera que se deshabiliten o algo asi, quiero que aparezcan normal para que la pueda seleccionar el usuario, solo que de momento solo una va a funcionar, por eso lo que quiero es que cuando seleccionen las otras 3 les salga un mensaje de que aun no estan disponibles.

_cronos2 · #8 (**permalink**) 05/09/2010, 04:25

¿Pero cómo va a saber el código qué 3 no están disponibles y cuál la que sí lo está?
¿Qué código vas a insertar?
Saludos

caricatos · #9 (**permalink**) 05/09/2010, 04:40

Hola:

Tal vez con un objeto:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<script>
dispo = {
 "op1":"disponible",
 "op2":" no disponible",
 "op3":"disponible",
 "op4":"no disponible",
 "otro": "¿cuál...?"
}
</script>

</head>
<body>
<form>
<SELECT name="opciones" onchange="alert(dispo[this.value])">
        <OPTION VALUE="op1">Opcion 1</OPTION>
        <OPTION VALUE="op2">Opcion 2</OPTION>
        <OPTION VALUE="op3">Opcion 3</OPTION>
        <OPTION VALUE="op4">Opcion 4</OPTION>
        <OPTION VALUE="otro">Otro</OPTION>  
</select>
</form>
</body>
</html>

Saludos

pakillo · #10 (**permalink**) 05/09/2010, 09:41

Gracias caricatos, es justo lo que buscaba, una pregunta eso se puede mejorar un poco graficamente como tooltip por ejemplo? es solo una pregunta :) igual muchas gracias porque eso buscaba, bueno habia pensado como mensaje como cuando uno ingresa un nick en un formulario y dice abajo, disponible o no, me refiero al mensaje, pero asi tambien me vale :)

Saludos

_cronos2 · #11 (**permalink**) 05/09/2010, 12:44

Si juntas el código de Adler y el de caricatos, obtienes lo que yo creo que querías desde un principio:

Código HTML:

Ver original<SELECT name="opciones" onchange="document.getElementById('span').innerHTML = dispo[this.value]">
        <OPTION VALUE="op1">Opcion 1</OPTION>
        <OPTION VALUE="op2">Opcion 2</OPTION>
        <OPTION VALUE="op3">Opcion 3</OPTION>
        <OPTION VALUE="op4">Opcion 4</OPTION>
        <OPTION VALUE="otro">Otro</OPTION>  
</select>
<span id='span'></span>

pakillo · #12 (**permalink**) 05/09/2010, 12:51

Muchas gracias _cronos2 eso era lo que buscaba, perdonad si no me explique bien al principio.
:)

Un saludo

_cronos2 · #13 (**permalink**) 05/09/2010, 16:07

No me des las gracias a mí, o por lo menos no a mí sólo xD