Hola foro, el problema que tengo es el siguiente, resulta que tengo un select multiple de paises ya que requiero que puedan seleccionar varios paises, pero necesito tener un select de estados(solo de mexico) el cual se encontrara oculto y aparecera hasta cuando seleccione la opcion de mexico en el select multiple y si quito la opcion de mexico vuelva a desaparecer el select de estados el codigo que tengo es este
formulario.php
Código PHP:
<select multiple="multiple" name="paises[]">
<option class="clasestado" value="AF">Afganistan</option>
<option class="clasestado" value="AL">Albania</option>
<option class="clasestado" value="DE">Alemania</option>
<option class="clasestado" value="AD">Andorra</option>
<option class="clasestado" value="AO">Angola</option>
<option class="clasestado" value="MX">Mexico</option>
</select>
<select class="ocultoestado" id="selectestado" name="estados">
<option value="Aguascalientes">Aguascalientes</option>
<option value="Baja California">Baja California</option>
<option value="Baja California Sur">Baja California Sur</option>
<option value="Campeche">Campeche</option>
</select>
y el codigo para ocultar el select de estado es este
Código PHP:
/*Estado*/
if ($('input[name=paises]:selected').val() == "MX" ){
} else {
$(".ocultoestado").css("display","none");
}
$(".clasestado").click(function(){
if ($('input[name=paises]:selected').val() == "MX" ) {
$(".ocultoestado").slideDown("fast"); //Slide Down Effect
} else {
$(".ocultoestado").slideUp("fast"); //Slide Up Effect
}
});
pero no me funciona, al inicio si oculta el estado, pero cuando selecciono mexico no lo muestra, alguien me puede ayudar con este codigo??