Javascript - jquery - select

[torturo]

hola chicos! estoy recién aprendiendo a utilizar javascript, JQuery,,,

tengo un mega duda porque no parece funcionar del modo en que lo estoy comprendiendo... les pongo aquí el demo
JavaScript

<script rel="javascript">
var defaultVal = $("#adultos").val();

$("adultos").click(function(e){

{document.alert( defaultVal );}
});
</script>
<script rel="javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

HTML

<form method="post" name="f1">
número:<select name="adultos" class="espacio20px" id="adultos">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">9</option>
<option value="9">9</option>
<option value="10">10</option>
</select>

lo que quisiera hacer es poner una condicional y que cuando sea mayor o igual al valor de 2 del "select" me haga un cambio en el DSS a que sea DISPLAY:BLOCK puesto que está en DISPLAY: HIDDEN
Gracias

[alberto510a]

Hola, debo comentarte que para el select se usa el evento change y display:hidden; no existe sino en todo caso none, también debes saber que con jquery debes seleccionar los elementos mediante la id o clase no mediante su nombre, además ¿cómo pretendes que se cambie un select que está en modo display:none;?

Mira te hice un ejemplo para cuando el valor sea mayor o igual a 2 el select se auto-oculte tan sólo tendrás que cambiarle los atributos de CSS en función de lo que necesites y listo:

Código Javascript:

<script rel="javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
    $('.espacio20px').change(function(){
        if($(this).val()>=2)
        {   
            $(this).css({'display':'none'});
        }
    });
    
});
</script>
 

Código HTML:

<form method="post" name="f1">
<select name="adultos" class="espacio20px" id="adultos">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">9</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</form>
 

Espero que te haya servido,
Saludos!

[torturo]

worale!!! que genial!!!!
ahora bien, ¿sabrás cómo es que se le puede hacer para guardar datos en la memoria de javascript y después poder mostrarlo en alguna otra página del mismo servidor?
ejemplo

pagina 1
VEndo1algo
VEndo2algo
VEndo3algo
VEndo4algo
VEndo5algo

cada opción tiene la forma de poder haber guardado en la memoria de JS pero no me lo mostrará porque no lo tengo programafdo en la página 1
después navego y voy a la "pagina 2" que es donde le programé que me muestre los valores ya almacenados en la memoria de JS de forma que me muestra algo como

vas a comprar:
VEndo1algo precio:33USD cant:3
VEndo2algo precio:33USD cant:3
VEndo3algo precio:33USD cant:3
VEndo4algo precio:33USD cant:3

(asumiendo que hice 3 clicks en VEndo1algo VEndo2algo VEndo3algo VEndo4algo)

con PHP se puede usar
$_SESSION['']
$session_start
y cosas así, pero en JS no lo s+e :S

[alberto510a]

Con jQuery lo que podrías lograr como mucho es almacenar datos en una misma página en las ids de los elementos si mal no recuerdo con el método data()

Si quieres propagar la información a otras páginas de tu web debes pasarlas a través de la url o haciendo que con $.ajax() se procese algún archivo php.

Saludos!