Já procurei em diversos sites, porem não achei um que fosse o que queria, os que vi expandem o select usando o size e não é isso que quero, quero como se fosse um clique do usuário sobre o select, ele não empurra nada pra baixo, nem ocupa mais espaço, apenas aparece sobre as demais opções, sobrepondo o que tem por baixo.
Aqui, um dos meus testes, porem não é desta forma que quero.
$("#contPrazo").hover(function(){
$("#contPrazo").attr("size","4");
});
$("#contPrazo").focus(function(){
$("#contPrazo").attr("size","4");
});
$("#contPrazo").mouseleave(function(){
$("#contPrazo").attr("size","1");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="contPrazo" name="contPrazo">
<option value="30">30 MESES</option>
<option value="12">12 MESES</option>
<option value="24">24 MESES</option>
<option value="36">36 MESES</option>
<option value="48">48 MESES</option>
</select>
<select class="form-control" id="" name="">