Amigos, Tengo 2 dropdownlist
. Ambos los puedo sumar, tengo ya el código Jquery
pero mi problema es que los tengo que seleccionar en orden para que se sumen, es decir primero el select
de "tamaño" y después el de "Masa" y a la hora de seleccionar una opción no me suma si la cambio a otra, espero poder explicarme bien. Y bueno lo que necesito es que se sume independientemente del orden de los dropdown
y que pueda cambiar la opción a otra y sumarse igual.
Script
$(document).ready(function(){
$("#tamano").change(function(event){
valor = this.value;
precioTamano = $('option:selected', this).data('precio');
});
$("#masa").change(function(event){
valor = this.value;
precioMasa = $('option:selected', this).data('precio');
cantidad = $("#cantidad").val();
var sum = precioTamano + precioMasa;
$("#total").val(sum);
});
});
HTML
<select class="browser-default custom-select" name="tamano" id="tamano">
<option value="">Seleccione</option>
@foreach ($tamanos as $tamano)
<option value="{{ $tamano->id }}" data-precio="{{$tamano->precio}}">{{ $tamano->nombre }}</option>
@endforeach
</select>
<select class="browser-default custom-select" name="tipoPan" id="masa">
<option value="">Seleccione</option>
@foreach ($tipoPan as $masa)
<option value="{{ $masa->id }}" data-precio="{{ $masa->precio }}">{{ $masa->nombre }}</option>
@endforeach
</select>
<input class="form-control" type="text" name="total" id="total" readonly>