Onchange en select

fdez87 · #1 (**permalink**) 28/05/2012, 06:14

Buenas!

Actualmente tengo un enlace tal que así :

Código:

<a href="#" class="press" rel="#item1">hola</a>

en el cual pincho en "hola" y ejecuta el script que quiero, todo bien.

La cuestión es que, quiero que ese codigo se ejecute al cambiar un select, en un Onchange... es posible? Lo digo por el tema de clases y tal

maycolalvarez · #2 (**permalink**) 28/05/2012, 06:49

obviamente debes de añadir el evento desde un bloque <script> en el <head> de la página (o al final de ella), es allí donde lo puedes cambiar

diamari · #3 (**permalink**) 28/05/2012, 07:14

Considerando que para eso es el onchange, debería funcionar. No entiendo porque dudas de lo mismo.

fdez87 · #4 (**permalink**) 28/05/2012, 09:23

Lo siento, en Javascript ando pegado, y no se exactamente como lo debo de hacer, se lo basico, y no me aclaro con esto..

Pablo Ayala · #5 (**permalink**) 28/05/2012, 09:41

Opción 1:

Código HTML:

Ver original<select name="hola" id="hola" onchange="mifuncion();">
            <option>Opcion 1</option>
            <option>Opcion 2</option>
            <option>Opcion 3</option>           
        </select>
        
        <script>
            function mifuncion(){
                
                alert("hola!");
            }
        </script>

Opción 2

Código HTML:

Ver original<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></head>
 
        <select name="hola" id="hola">
            <option>Opcion 1</option>
            <option>Opcion 2</option>
            <option>Opcion 3</option>           
        </select>
        
        <script>
        
           $("#hola").change(function(){            
                mifuncion();
           });
        
            function mifuncion(){
                
                alert("hola!");
            }
        </script>

Saludos!

fdez87 · #6 (**permalink**) 28/05/2012, 10:01

Cita:

Iniciado por Pablo Ayala

Opción 1:

Código HTML:

Ver original<select name="hola" id="hola" onchange="mifuncion();">
            <option>Opcion 1</option>
            <option>Opcion 2</option>
            <option>Opcion 3</option>           
        </select>
        
        <script>
            function mifuncion(){
                
                alert("hola!");
            }
        </script>

Opción 2

Código HTML:

Ver original<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script></head>
 
        <select name="hola" id="hola">
            <option>Opcion 1</option>
            <option>Opcion 2</option>
            <option>Opcion 3</option>           
        </select>
        
        <script>
        
           $("#hola").change(function(){            
                mifuncion();
           });
        
            function mifuncion(){
                
                alert("hola!");
            }
        </script>

Saludos!

Buenas!
Gracias a todos, pero esto concretamente creo que no es lo que busco, o al menos no se si lo entiendo como tu.
Yo por ejemplo el alert lo hago bien, como tu me has indicado, la cuestión es ahora, como dentro de la función pongo lo de la clase y el rel así como el id...

No se, quizás no me he explicado bien!

Un saludo

caricatos · #7 (**permalink**) 28/05/2012, 10:27

Hola:

El tema lo hemos movido al foro adecuado... (odio el mal uso de atributos -rel, href, tal vez class...- por vicios de librerías)

Saludos

Pablo Ayala · #8 (**permalink**) 28/05/2012, 12:17

Lo siento fdez87,

No entiendo muy bien lo que necesitas :(

diamari · #9 (**permalink**) 28/05/2012, 20:26

Si lo que deseas es utilizar class en vez de id pues lamento decirte aunque si es posible, no existe un método confiable o por defecto para esto y por eso no es recomendable (igual con rel).

Si puedes acceder a los mismos con:

elemento.hasAttribute("") //para verificar que lo tenga

elemento.rel

elemento.className

fdez87 · #10 (**permalink**) 29/05/2012, 02:34

Bueno, muchas gracias a todos de veras, al final he cambiado el método, os explico, a ver si me deciis como sacar el valor...

la pagina en cuestion es esta: http://dspaccio.com/fecc/entidades.php

Como veis tengo 2 select, uno en función del otro, que me carga por jquery perfectamente, ahora lo que busco es que, al cambiar el select, o bien se recargue la pagina mandando 2 variables en la url por GET, o que me recargue en la misma página por jquery, cosa que no se hacer.

La primera, de recargar la pagina y mandar las variables mas o menos se hacerla, salvo que no se como coger el valor del segundo select ya que esta por jquery...

No se si me he explicado bien... un saludo!

diamari · #11 (**permalink**) 30/05/2012, 15:34

Deja ver si entendí bien quieres que cuando se selecciona el segundo select que envía unos variables?

Primero necesitaría un botón o que el segundo select que siempre diga seleccione uno. Así siempre se ejecuta este (como el hola que tienes que no ocurre si existe un solo opción).

Para enviar los variables sin recargar necesitas utilizar ajax si no puedes utilizar:

document.tuformulario.submit()

Pablo Ayala · #12 (**permalink**) 31/05/2012, 09:11

A ver si entendí:

Código Javascript:

Ver original$("#select2").change(function(){
 var provincia = $(this).val();
 var comunidad = $("#select1").val();
 document.location.href="entidades.php?provincia="+provincia+"&comuidad="+comunidad;
});

Una idea de tu archivo PHP

Código PHP:

Ver original$provincia = $_GET["provincia"];
$comunidad = $_GET["comunidad"];
 
//En esta parte autoseleccionas la comunidad...
if (isset($comunidad)) {
    //Autoseleccionar el select de comunidades
}
 
 
//En esta parte cargaras las provincias y autoseleccionaras provincia previamente seleccionada
if (isset($provincia)) {
    //Cargar las provincias de la comunidad seleccionada 
    //Autoseleccionar la provincia seleccionada
}

Saludos!