tengo un horario con laravel/blade en el que un usuario selecciona materias y por cada campo que seleccione una materia debo aumentar dos horas a un contador que se visualiza en un input, el problema es que mi función se llama cada vez que cambio de opción pero debería incrementarse solamente cuando la opción es diferente de 'Libre', pero el contador incrementa al cambiar de opción también y no debería. Algún consejo?
código blade (20 inputs con los ids:l1,l2,l3,l4,m1,m2....(cuatro por día laborable))
<div class="form-group col-md-12 ">
<select name="l1" id="l1" class="form-control select">
@if($edit)
<option selected value="{{$dataTypeContent->l1}}">
{ {$dataTypeContent->l1}}</option>
@endif
<option value="Libre">Libre</option>
{@foreach ($materiasl1 ?? '' as $materia)
<option value="{{$materia['name']}}">{{$materia['name']}}</option>
@endforeach
</select>
</div>
código js
var total=parseInt($('#credits').val());
$(document).on("change", ".select", function() {
if($(this).find("option:selected").text() != 'Libre'){
total+=2;
}else{
total-=2;
}
$('#credits').val(total);
});