Ao clicar em um botão para deletar um item de uma lista usando função Javascript, o mesmo só executa a ação após o 2º clique. Gostaria de saber o que devo fazer para que a função funcione corretamente a partir do 1º clique.
Modal bootstrap
<!-- Modal - remover estado do serviço -->
<div class="modal bd-example-modal-sm" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLabel">Deseja remover este estado do serviço?</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" id="btn-remover-estado" onclick="return removerEstado();">Sim</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Não</button>
</div>
</div>
</div>
</div>
Função Javascript
function removerEstado(){
$('#btn-remover-estado').click(function(){
let estados = document.getElementById('lista-estados');
estados.remove(estados.selectedIndex);
});
}
onclick=uma_funcao()
você está dizendo para executar aquela função quando o elemento for clicado. Quando você faz$('#meu-id').click(uma_funcao)
você está fazendo o mesmo só que de maneira diferente. Explico melhor sobre eventos e jQuery nesta resposta, caso se interesse.