Reputation: 1
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