JSFiddle - React, Tailwind, and code Playground

by jorgeherrera

HTML

<select class="optidocs">
<<option value="default">seleccione</option>
  <option value="1">VALOR 1</option>
  <option value="2">VALOR 2</option>
</select>
<div class="d-none" id="opt1">
option 1
</div>
<div class="d-none" id="opt2">
  option 2
</div>

CSS

.d-none{
  display:none;
}
.optidocs{
  background:#CCC;
}
/*
$(".optidocs").click(function(evento) {

var valor = $(this).val();

if (valor == '1') {
alert("propietario")
$('.docCarta').addClass('d-none');
$('.doclicencia').removeClass('d-none');
$('.docId').removeClass('d-none');

} else {
alert("vehiculo")
$('.docCarta').removeClass('d-none');
$('.doclicencia').removeClass('d-none');
$('.docId').removeClass('d-none');
}
});
*/

JavaScript

$(document).ready(function(){
  $('select.optidocs').on('change', function(){
  // alert(this.value)
  if(this.value =='1'){
  	$('#opt1').removeClass('d-none');
     $('#opt2').addClass('d-none');
  }else{
    	$('#opt2').removeClass('d-none');
  }
  });
});