Luiz Souza
Luiz Souza

Reputation: 1

I cannot reset the select;

I'm facing a problem using Choices.js. I'm making an application with Razor Pages and I can't clear the select selection

I just want to clear the select selection, returning it to its initial state

$('#destino').change(function() {
  var origem = "2" //$('#origem').val();
  var destino = $(this).val();
  if (origem && destino && origem === destino) {
  console.log(origem,destino)
  /* 
    Toast.fire({
      icon: "warning",
      title: "Os pontos de origem e destino devem ser diferentes."
    });
    */
    $('#destino').val("");
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/choices.js/1.1.6/choices.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/choices.js/1.1.6/styles/css/base.css" />


<div class="">
  <label class="form-label">Destino</label>
  <select class="form-select destino" id="destino" name="destino" data-choices="data-choices" size="1" data-options='{"removeItemButton":true,"searchResultLimit":100,"placeholder":true}' required>
    <option value="">Selecione uma opção</option>
    <option value="1">Parceiro 1</option>
    <option value="2">Parceiro 2</option>
    <option value="3">Parceiro 3</option>
    <option value="4">Parceiro 4</option>
    <option value="5">Parceiro 5</option>
  </select>
</div>

Upvotes: -1

Views: 31

Answers (0)

Related Questions