Tengo el siguiente select en HTML
<div class="col-12-flex">
<small id="helpId" class="form-text text-muted"> Tarifas</small>
<select class="custom-select form-select-sm" id="tarifa_cita_id" name="tarifa_cita_id">
@foreach ($tarifas as $tarifa)
<option value="{{ $tarifa->id }}">{{ $tarifa->name }}: ${{ number_format($tarifa->pivot->precio, 0, '.', '.') }}</option>
@endforeach
</select>
</div>
Estoy tratando de limpiarlo con JQuery
$('#tarifa_cita_id').prop('selectedIndex', 0);
Lo malo es que no funciona, no vuelve la selección al primer elemento del select.
En otra partes del programa sí me funciona. He probado sin éxito también con.
$('#tarifa_cita_id').get(0).selectedIndex = 0;
$('#tarifa_cita_id option').eq(0).prop('selected', true);
¿Alguna idea?.