Hola tengo el siguiente select2 múltiple, donde básicamente, se muestra id factura y en texto el numero separado con una como el importe de ésta, quiero que al ir seleccionando o desseleccionando, me sume o me reste y el resultado (suma de importes), se vea reflejado en un input
<select data-pharaonic="select2" id="factura" name="factura[]" multiple="" style="width: 100%" class="form-select select2-hidden-accessible" tabindex="-1" aria-hidden="true" data-select2-id="select2-data-factura">
<option value="66">FCE-0004-00000041 ,7871401.92</option>
<option value="67">FCE-0004-00000042 ,8141705.64</option>
</select>
</div>
me funciona solo para el primer elemento seleccionado, al seleccionar un segundo elemento me da error y no encuentro solución
var dataMonto=0;
$('#factura').on("select2:select", function (e) {
monto= e.params.data.text;
monto=monto.split(" ,")
monto=Number(monto[1]).toFixed(2);
dataMonto=Number(dataMonto+monto);
$('#cobrado').val(dataMonto);
});
$('#factura').on("select2:unselect",function(e){
monto= e.params.data.text;
monto=monto.split(" ,")
monto=Number(monto[1]).toFixed(2);
$('#cobrado').val(dataMonto);
dataMonto=Number(dataMonto-monto);
});