Javascript - jquery - select

[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!