Foros del Web » Programando para Internet » Javascript »

Problema con eventos de <select>

Estas en el tema de Problema con eventos de <select> en el foro de Javascript en Foros del Web. Hola amigos programadores, espero todo bien, acá el sistema en el que trabajo va bien. Saco varios reportes con la libreria FPDF, incluso graficos estadísticos ...
  #1 (permalink)  
Antiguo 21/05/2010, 10:32
 
Fecha de Ingreso: abril-2010
Mensajes: 7
Antigüedad: 14 años, 1 mes
Puntos: 0
Problema con eventos de <select>

Hola amigos programadores, espero todo bien, acá el sistema en el que trabajo va bien. Saco varios reportes con la libreria FPDF, incluso graficos estadísticos en combinación con una libreria llamada JPGRAPH,la pregunta es sobre algo que se supone sencillo pero se convierte en todo un misterio.

El problema en si, es que no se disparan apropiadamente los eventos apropiadamente de los "<select>", los combos, un ejemplo:

$nombre= "
<select name='tipo' id='filtro'>
<option value='Totales' id='totales' onClick='f_filtro(id)'>Totales</option>
<option value='Municipios' id='municipios' onClick='f_filtro(id)'>Municipios</option>
<option value='Distritos' id='distritos' onClick='f_filtro(id)'>Distritos Escolares</option>
<option value='tabla_participantes' id='tabla_participantes' onClick='f_filtro(id)'>Tabla Participantes</option>
</select>";

$objResponse->addAssign('capa_filtro','innerHTML',$nombre); (Codigo Xajax)

He tenido que optar por ahora, por agregarle a los "<option>" el llamado a la funcion en el evento Onclick. pasandole a su vez el ID. (el cual uso luego para una busqueda en la BD). En un principio era lógico para mi que el evento correcto seria el "onchange", lo que permitiria a la persona elegir opciones tanto con el ratón como con el teclado.

Lo que persigo es: que el usuario al elegir la opción ya sea con el teclado (Por ejemplo tengo un combo largo de puros municipios) ó con el ratón la función sea llamada y el parámetro sea pasado. He intentado el siguiente código sin éxito (el evento no se dispara):



$nombre= "
<select name='tipo' id='filtro' onchange ='f_filtro(id)'> ----> O en todo caso manda el ID del select y no del option.------> Con onchange ='f_filtro(this.value)' el evento no se termina de disparar si la persona elige la opcion con alguna letra del teclado.

PD: Muchas gracias de antemano. :D

Chau. Rino
  #2 (permalink)  
Antiguo 21/05/2010, 13:42
Avatar de wiwi74  
Fecha de Ingreso: marzo-2008
Mensajes: 515
Antigüedad: 16 años, 2 meses
Puntos: 10
Respuesta: Problema con eventos de <select>

Haz un html con todo este codigo dentro y observa algo:




<script type="text/javascript" language="javascript">
function f_filtro(param){
alert(param);
}

</script>

<!-- Nota los dos detectores de eventos dentro del select -->
<!-- Y nota la funcion; 13 es el codigo de la tecla enter -->
<!-- Se puede hacer tab + flecha + enter -->
<!-- O tab + flecha y clicar -->

<form name="miForm">

<select name='tipo' id='filtro'

onKeyPress="if(event.keyCode == 13){
document.getElementById('mostrar').innerHTML=this. form[0].value;
}"

onClick="document.getElementById('mostrar').innerH TML=this.form[0].value;"

>


<option value=""></option>
<option value='Totales' id='totales'>Totales</option>
<option value='Municipios' id='municipios' >Municipios</option>
<option value='Distritos' id='distritos' >Distritos Escolares</option>
<option value='tabla_participantes' id='tabla_participantes' >Tabla Participantes</option>
</select>
</form>


<div id="mostrar"></div>
  #3 (permalink)  
Antiguo 21/05/2010, 15:13
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años
Puntos: 2135
Tema movido desde PHP a Javascript

Etiquetas: eventos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:38.