ocultar un input solo si hago click en el select
Publicado por priscila (2 intervenciones) el 13/08/2018 19:04:20
Holaaa... Quiero que al seleccionar en mi select que contiene a paises, el input con el id="otros_paises" se oculte. y Cuando no lo seleccione aparezca el input, y si escribo en el input el select se debe ocultar,
Hice esto pero no me esta funcionando..
en html
en js
Hice esto pero no me esta funcionando..
en html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="pcx_mns_form_control">
<select name="pais" id="pais_select" onchange="setValuePrefij(this)">
<option value="0">Seleccione un país</option>
<option value="ARGENTINA">ARGENTINA</option>
<option value="BOLIVIA">BOLIVIA</option>
<option value="CHILE">CHILE</option>
<option value="VENEZUELA">VENEZUELA</option>
<option value="COLOMBIA">COLOMBIA</option>
<option value="ECUADOR">ECUADOR</option>
<option value="HONDURAS">HONDURAS</option>
<option value="MEXICO">MEXICO</option>
<option value="URUGUAY">URUGUAY</option>
</select>
<center><span id="pais-error"></span></center>
</div>
<div class="pcx_mns_form_control otros_paises">
<input type="text" name="otros_paises" id="otros_paises" class="paises_otros" value="" placeholder="Otros países">
<center><span id="otros_paises-error"></span></center>
</div>
en js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).click(function(e) {
$("#pais_select").click(function() {
if ($("#pais_select").val() == 0 && $('#otros_paises').val() == '') {
$("#pais-error").css('color', '#e94141').text("Seleccione un país");
$('#pais_select').css('border-bottom', '2px solid #e94141');
$('#otros_paises').hide();
event.preventDefault();
} else {
$("#pais-error").text("");
$("#pais_select").hide();
$('#otros_paises').show();
$('#otros_paises-error').text('Escriba su país');
}});
});
Valora esta pregunta
0
