Estimada comunidad, junto con saludar a todos, me encuentro en un dilema con un pequeño código, que hasta ahora, no se como solucionar.
El tema es el siguiente, estoy preparando un pequeño sistema de ventas para mi propio emprendimiento. Para ponerlos mas en contexto se trata de un local de papas fritas, que contienen Salsas, Vegetales y ademas el usuario puede añadir "Adicionales", estos últimos, con costo, dependiendo del ingrediente.
Este es mi código para el select:
echo "<div class='col-sm'>
<div class='form-group'>
<label>ADICIONALES</label>
<select multiple class='custom-select' name='adicionales' id='adicionales'>
<option value='0' selected onclick='reset()'>NINGUNO</option>";
$s = $mysqli->query("SELECT * FROM ingredientes");
while ($srow = $s->fetch_array()) {
echo "<option onclick='sumar(".$srow["precio_ingrediente"].")' value='".$srow["nombre_ingrediente"]."'>".$srow["nombre_ingrediente"]." - $".$srow["precio_ingrediente"]."</option>";
}
echo "</select>
</div>
</div>";
Al seleccionar uno o mas ingredientes del select multiple, ejecuta una función de jquery (sumar) con el precio correspondiente por ingrediente, el problema surge, que al seleccionar un ingrediente y luego seleccionar otro se va sumando y sumando, aun que solo este uno seleccionado, se suman todos los anteriores. Se me ocurrió hacer una función de reset, pero para ello si o si, hay que presionar NINGUNO.
Alguna idea :)?
Funcion sumar en javascript.
function sumar(valor){
var total = 0;
valor_suma = parseInt(valor);
total = $("#total").val();
total_int = parseInt(total);
suma = total_int + valor_suma;
$("#total").val(suma);