Combo desplegable OnFocus

Phoncadiz · #1 (**permalink**) 27/01/2010, 01:51

Hola foreros.

Me he pasado más de un día buscando información de algo que pensaba que no resultaría complicado pero... o no se puede... o no he buscado bien.
La cosa es tan sencilla como que cuando un combo reciba el foco se despliegue de manera automática. Es lo mismo que si al recibir el foco se pulsara ALT + [Flecha abajo].
¿Existe un método para hacerlo? ¿Debería incluir en el ONFOCUS del combo un script que lanzara la combinación de teclas ALT + [Flecha abajo]? ¿Cómo lo hago?

Muchas gracias por adelantado y saludos.

quimfv · #2 (**permalink**) 27/01/2010, 03:16

No es exactamente lo que pides pero igual te sirve...

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function obre(obj){
obj.size=5;
}
function tanca(obj){
obj.size=1;
}
</script>
</head>
<body>
<select name="desplegable" size="1" id="desplegable" onFocus="obre(this)" onChange="tanca(this)" onBlur="tanca(this)">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select><br>
<br>
<input name="otrocampo" type="text" id="otrocampo">
</body>
</html>

Quim

Phoncadiz · #3 (**permalink**) 27/01/2010, 03:43

Ante todo muchas gracias quimfv
El código que me has puesto realiza el EFECTO que yo quiero pero... claro... no da la funcionalidad que pretendo ya que cuando pulso [flecha abajo], el combo vuelve a su estado natual (plegado).

Mucho me temo que no se puede hacer y para la navegación por teclado de un formulario me resulta imprescidible.

De nuevo muchas gracias por tu respuesta rápida.
Saludos.

Phoncadiz · #4 (**permalink**) 27/01/2010, 03:50

Aunque.... si elimino el evento onChange me funciona correctamente.
Creo que así me puede servir.

Muchas gracias

quimfv · #5 (**permalink**) 27/01/2010, 05:51

He puesto dos funciones

obre(obj) que abre el select

y

tanca(obj) que cierra el select

ejecutalas cuando te parezca...

onFocus="obre(this)" cuando recibe el foco
onChange="tanca(this)" cuando se ha seleccionado un valor
onBlur="tanca(this)" cuando se pierde el foco

...

Tu mismo...

Quim