Foros del Web » Programando para Internet » Javascript »

problema con select y funcion onclick

Estas en el tema de problema con select y funcion onclick en el foro de Javascript en Foros del Web. Hola amigos, tengo un problema bien cursioso que aun no he podido resolver. Veran tengo este select que llama una funcion llamada ajustarmapa() con la ...
  #1 (permalink)  
Antiguo 23/04/2012, 10:30
Avatar de kalvinman  
Fecha de Ingreso: octubre-2006
Ubicación: Bogota Colombia
Mensajes: 849
Antigüedad: 13 años, 7 meses
Puntos: 22
Pregunta problema con select y funcion onclick

Hola amigos, tengo un problema bien cursioso que aun no he podido resolver.

Veran tengo este select que llama una funcion llamada ajustarmapa() con la funcion onclick.

Código HTML:
Ver original
  1. <select class="select-form" name="idciudad" id="idciudad" style="width:257px;">
  2.  
  3.                 <option onclick="ajustarmapa('7.079365', '-70.758369')" value="11">Arauca</option>
  4.  
  5.                 <option onclick="ajustarmapa('', '')" value="13">Armenia</option>
  6.  
  7.                 <option onclick="ajustarmapa('', '')" value="10">Barranquilla</option>
  8.  
  9.                 <option onclick="ajustarmapa('4.5819005656199225', '-74.0643310546875')" value="1"selected="selected">Bogotá</option>
  10.  
  11.                 <option onclick="ajustarmapa('7.0954416047696025', '-73.1085205078125')" value="17">Bucaramanga</option>
  12.  
  13.                 <option onclick="ajustarmapa('', '')" value="8">Cali</option>
  14.  
  15.                 <option onclick="ajustarmapa('', '')" value="12">Cesar</option>
  16.  
  17.                 <option onclick="ajustarmapa('', '')" value="16">Ibague</option>
  18.  
  19.                 <option onclick="ajustarmapa('6.162400921526595', '-75.60791015625')" value="4">Medellin</option>
  20.  
  21.                 <option onclick="ajustarmapa('4.812351703074642', '-75.69005012512207')" value="22">Pereira</option>
  22.  
  23.                 <option onclick="ajustarmapa('', '')" value="9">Santa Marta</option>
  24.  
  25.                 <option onclick="ajustarmapa('', '')" value="20">Sucre</option>
  26.  
  27.                 <option onclick="ajustarmapa('', '')" value="15">Tunja</option>
  28.  
  29.                 <option onclick="ajustarmapa('', '')" value="14">Villavicencio</option>
  30.  
  31.               </select>

necesito que la funcion se llame con los dos parámetros que son diferentes para cada opción, pero no funciona, solo llama la función cuando coloco el onclick en el select, pero entonces no podría enviarle datos diferentes por cada opción.

La parte mas curiosa de todo es que hasta hace un par de semanas funcionaba bien y nada ha cambiado en el código.

De cualquier manera me gustaría que me dijeran como podría solucionar esto o hacer una funcion que me recoja los datos que necesito.
  #2 (permalink)  
Antiguo 23/04/2012, 10:57
Avatar de Dafonz  
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 10 años, 7 meses
Puntos: 36
Respuesta: problema con select y funcion onclick

Yo lo pondría en onChange del select por ejemplo:

Código Javascript:
Ver original
  1. function funcionPrueba(ele){
  2.             var valores = ele.options[ele.selectedIndex].value;
  3.             alert(valores);
  4.         }
Siendo que:
Código HTML:
Ver original
  1. <select onChange="funcionPrueba(this)">
  2.     <option value="3"> Opción 1</option>
  3.     <option value="4"> Opción 2</option>

Ya solo seria ingeniártelas para los 2 valores
  #3 (permalink)  
Antiguo 23/04/2012, 11:17
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 12 años, 11 meses
Puntos: 1567
Respuesta: problema con select y funcion onclick

Lo dicho por @Dafonz, es la forma más adecuada, aunque te diría de hecerle un agregado, como primera opción pone un valor vacío, mejora la usabilidad del usuario en el evento onchange, si son más valores, podés pasarlos en el mismo value separados con un caracter que haga de limitador y usar é metodo split() de javascript, yo he usado | en el ejemplo

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <title>titulo</title>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5.  
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function funcionPrueba(ele){
  9.            var valores = ele.options[ele.selectedIndex].value;
  10.            if(valores != ""){
  11.            alert(valores);
  12.          }
  13.        }
  14.  
  15. //]]>
  16.  
  17. </head>
  18. <select onchange="funcionPrueba(this)">
  19. <option value="">Seleccionar opción</option>
  20.     <option value="3|8.1"> Opción 1</option>
  21.     <option value="4|5.06"> Opción 2</option>
  22.  
  23. </body>
  24. </html>

mirá este post
http://www.forosdelweb.com/f4/listas...8/#post4142850
que se trató algo similar

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: funcion, onclick, select
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 13:49.