select option multiple values html code example
Example: on select pass 2 values
<select>
<option data-mrp="1" data-price="2" value="x" >x</option>
</select>
<script type="text/javascript" src="assets/assets/jquery-1.11.0.js"></script>
<script type="text/javascript">
var basePrice = 0;
var mrpPrice = 0;
$(".calculate<?= $p_id; ?>").change(function () {
newPrice = basePrice;
newmrpPrice = mrpPrice;
$(".calculate<?= $p_id; ?> option:selected").each(function () {
newPrice += parseFloat($(this).data('price'));
newmrpPrice += parseFloat($(this).data('mrp'));
console.log(typeof newPrice);
console.log(typeof newmrpPrice);
});
newPrice = newPrice.toFixed(0);
newmrpPrice = newmrpPrice.toFixed(0);
$("#item-price<?= $p_id; ?>").html(newPrice);
$("#mrp<?= $p_id; ?>").html(newmrpPrice);
});
</script>