[SOLUCIONADO] Modificar el valor de los selects

unexes · #1 (**permalink**) 19/01/2013, 06:33

Hola a tod@s.

Vereis tengo 2 selects que se rellenan de una misma base de datos y cuando realizo algún cambio en la seleccion me actualiza la consulta hasta aqui todo perfecto, en el primer select selecciono una edad minima y en el segundo select la edad maxima, hasta ahora funciona bien ya que mi consulta muestra las personas que se encuentran entre la edad minima y maxima.

Mi problema es que tal como lo tengo puedo seleccionar una edad mayor en el select de la edad minima que el que selecciono en el de la edad maxima, para esplicarme mejor pongo un ejemplo:

Código:

Edad minima = 30 años
Edad maxima= 28 años.

Lo que necesito es que si en el select de edad maxima pongo una edad inferior a la que he seleccionado en edad minima el select de edad minima se ajuste igualando al de la edad maxima, ejemplo:

Selecciono edad minima= 30 años
Edad Maxima =28 años,
lo que necesito es que el valor del select de edad minima se ajuste a 28 años (mismo valor que el select de edad maxima) , ya que nunca pueda ser mayor el valor de edad minima que el valor de edad Maxima.

Se que tengo que utilizar javascript pero deconozco su programación si alguien me puede ayudar o decirme donde puedo encontrar un ejemplo se lo agradeceria, si creeis que debo poneros el código que tengo en estos momentos de los 2 selects no hay problema.

Un saludo

unexes · #2 (**permalink**) 22/01/2013, 08:42

Bueno tengo solucionado el tema a medias en el caso de los 2 selects de EdadMin y EdadMax la funcion de javascript funciona bien aparentemente ya que todos los datos con los que se rellena el select tienen 2 digitos pero en el caso de los selects PreMin y PreMax no funciona ya que no me hace las comparaciones entre los datos correctamente alguien me puede ayudar.
He buscado en la red y no veo la forma, dejo un código de prueba para que veais lo que pasa.

Gracias

Código HTML:

Ver original<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    function cargarContenido(pagina)
    {
        if($("#PreMin").val()>$("#PreMax").val())
        {
            $("#PreMin").val($("#PreMax").val());
        }
       
        if($("#EdadMin").val()>$("#EdadMax").val())
        {
            $("#EdadMin").val($("#EdadMax").val());
        }
    }
</script>
</head>
 
<body>
<div>
    PreMin:
    <select name="PreMin" id="PreMin" class="Guias3" Onchange="cargarContenido('Contenido.php')">
        <option value='20' selected>20</option>
        <option value='30'>30</option>
        <option value='40'>40</option>
        <option value='300'>300</option>
        <option value='350'>350</option>
        <option value='400'>400</option>
        <option value='2345'>2345</option>
    </select>
</div>
 
<div>
    PreMax:
    <select name="PreMax" id="PreMax" class="Guias3" Onchange="cargarContenido('Contenido.php')">
        <option value='20'>20</option>
        <option value='30'>30</option>
        <option value='40'>40</option>
        <option value='300'>300</option>
        <option value='350'>350</option>
        <option value='400'>400</option>
        <option value='2345' selected>2345</option>
    </select>
</div>
<div>
    Min:
    <select name="EdadMin" id="EdadMin" class="Guias3" Onchange="cargarContenido('Contenido.php')">
        <option value='18' selected>18</option>
        <option value='20'>20</option>
        <option value='30'>30</option>
        <option value='40'>40</option>
    </select>
</div>
 
<div>
    Max:
    <select name="EdadMax" id="EdadMax" class="Guias3" Onchange="cargarContenido('Contenido.php')">
        <option value='18'>18</option>
        <option value='20'>20</option>
        <option value='30'>30</option>
        <option value='40' selected>40</option>
    </select>
</div>
</body>
</html>