hover option select

Blashak · #1 (**permalink**) 13/04/2011, 04:05

Buenas,

Hay alguna forma de ir haciendo alert a medida que vas moviendote por un select option??
yo hice este codigo pero no me funciona.

Código Javascript:

Ver original$('#selec option').hover(function() {
    alert("s"); 
});

saludos

doylelives · #2 (**permalink**) 13/04/2011, 08:22

Quizas el selector es incorrecto. Intenta con

Código Javascript:

Ver original$('select option')

A menos que tengas un elemento con id="selec"

Blashak · #3 (**permalink**) 13/04/2011, 08:28

Cita:

Iniciado por doylelives

Quizas el selector es incorrecto. Intenta con

Código Javascript:

Ver original$('select option')

A menos que tengas un elemento con id="selec"

jeje, mi id se llama select. igual probe con otros nombres y nada..

Dany_s · #4 (**permalink**) 13/04/2011, 08:36

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script>
 
$( function(){
 
    $('#select option').hover( function(){
        alert("asd");
    });
 
});
    </script>
 
    <style>
 
    </style>
 
</head>
<body>
 
 
<select id="select">
  <option>uno</option>
  <option>dos</option>
  <option>tres</option>
  <option>cuatro</option>
</select>
 
 
</body>
</html>

Blashak · #5 (**permalink**) 13/04/2011, 09:12

Cita:

Iniciado por Dany_s

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script>
 
$( function(){
 
    $('#select option').hover( function(){
        alert("asd");
    });
 
});
    </script>
 
    <style>
 
    </style>
 
</head>
<body>
 
 
<select id="select">
  <option>uno</option>
  <option>dos</option>
  <option>tres</option>
  <option>cuatro</option>
</select>
 
 
</body>
</html>

mm copie y pegue tu codigo y tampoco funciona.

doylelives · #6 (**permalink**) 13/04/2011, 09:42

Vamos por partes, entiendes la diferencia entre.

Código Javascript:

Ver original$('#select option')
y 
$('select option')

Verdad? y que no copy/pasteaste mal el select con selec
Entonces otra posibilidad es que tengas incluida correctamente el jquery, el ejemplo de Dany_s me funciona, mi entorno es linux usando Firefox y chrome. No puedo testearlo en IE.
Si puedes utiliza el complemento firebug de Firefox para encontrar el error.

Blashak · #7 (**permalink**) 13/04/2011, 10:05

Cita:

Iniciado por doylelives

Vamos por partes, entiendes la diferencia entre.

Código Javascript:

Ver original$('#select option')
y 
$('select option')

si, claro el primero es la id que defini como select y el segundo son todas las etiqutas select

Verdad? y que no copy/pasteaste mal el select con selec
Entonces otra posibilidad es que tengas incluida correctamente el jquery, el ejemplo de Dany_s me funciona, mi entorno es linux usando Firefox y chrome. No puedo testearlo en IE.

yo probe con el IE 8 y el chrome.
Si puedes utiliza el complemento firebug de Firefox para encontrar el error.

no me funciona. copie tal cual el ejemplo de Dany_s y a mi no me funciona.

doylelives · #8 (**permalink**) 13/04/2011, 11:02

Está correctamente incluido el jquery? Pon este code luego de haber incluido la libreria del jquery.

Código Javascript:

Ver original$(document).ready(function(){
   alert("Jquery funcion");
});

Blashak · #9 (**permalink**) 14/04/2011, 00:56

Cita:

Iniciado por doylelives

Está correctamente incluido el jquery? Pon este code luego de haber incluido la libreria del jquery.

Código Javascript:

Ver original$(document).ready(function(){
   alert("Jquery funcion");
});

si que me hace el alert("Jquery funcion"). No entiendo lo tengo igual y no me funciona. copie nuevamente el codigo por si se escapa algo.

Código Javascript:

Ver original<html>
<head>
        <title>Ejemplo</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 
 
 
</head>
<body>
 
<script type="text/javascript">
alert("s");
 
$( function(){
$(document).ready(function(){   alert("Jquery funcion");});
$('#select option').hover( function(){
        alert("asd");
    });
 
});
 
 
</script>
 
<select id="select">
  <option>uno</option>
  <option>dos</option>
  <option>tres</option>
  <option>cuatro</option>
</select>
 
 
</body>
</html>

Saludos y gracias

Blashak · #10 (**permalink**) 14/04/2011, 01:30

depsues de tantas pruebas con el chome y ie 8 decidi instalar el firefox 4 y con el firefox me funciona. Ahora como puedo hacer para que funcione con chome y ie 8.

Saludos

Dany_s · #11 (**permalink**) 14/04/2011, 09:55

jeje no a mi en ie y chrome no se puede dar eventos de mouse

si es un select multiple si, creo que no funciona por ¿la visibilidad?

igual no sé cual es el sentido de hacer ese alert o qué es lo que quieres lograr

Blashak · #12 (**permalink**) 14/04/2011, 10:50

Cita:

Iniciado por Dany_s

jeje no a mi en ie y chrome no se puede dar eventos de mouse

si es un select multiple si, creo que no funciona por ¿la visibilidad?

igual no sé cual es el sentido de hacer ese alert o qué es lo que quieres lograr

alert es una guia nada mas. la idea era de poner varios numeros y segun el que estes sobre el que pases encima te haga una operacion con ese numero.