Добавьте два раскрывающихся ценовых значения как общее в приложении Laravel

Question

Я создаю Laravel приложение для бронирования билетов, в котором мне нужно рассчитать стоимость различных билетов и дополнительных билетов, чтобы получить Итог, но я не могу этого сделать.

Что происходит, когда нет. тикета выбирается из первого выпадающего списка, это значение становится общим; если я выберу количество билетов для дополнительных участников из второго раскрывающегося списка, то это второе значение снова станет итоговым итоговым значением, заменив предыдущее итоговое значение. Мне нужно добавить обе суммы, чтобы показать итоговую сумму клиенту.

1. Первое раскрывающееся меню - это цена билета для пары
2. Второе раскрывающееся меню - это цена дополнительного участника

Ниже приведен расчет от первого вниз

<select style="width: auto;"  class="form-control" name="nooftickets" onchange="calculatefare_(this.value,'{{$id}}','{{$ticketname}}'  )" >
        <option value="">0</option>
        <option value="1{{$ticket->ticket_price +   $ticket->ticket_comision}}">1</option>
        <option value="2{{$ticket->ticket_price +   $ticket->ticket_comision}}">2</option>
        <option value="3{{$ticket->ticket_price +   $ticket->ticket_comision}}">3</option>
        <option value="4{{$ticket->ticket_price +   $ticket->ticket_comision}}">4</option>
        <option value="5{{$ticket->ticket_price +   $ticket->ticket_comision}}">5</option>
        <option value="6{{$ticket->ticket_price +   $ticket->ticket_comision}}">6</option>
        <option value="7{{$ticket->ticket_price +   $ticket->ticket_comision}}">7</option>
        <option value="8{{$ticket->ticket_price +   $ticket->ticket_comision}}">8</option>
        <option value="9{{$ticket->ticket_price +   $ticket->ticket_comision}}">9</option>
        </select>

Ниже приведен расчет из раскрывающегося списка билетов второго дополнительного члена

@if(!empty($ticket['priceforadditionalone']))
            <td>

            <h4 style="color:#fd4c66;" class="m-top-45">Additional Member INR   
            @if(empty($data->id)) {{$ticket['priceforadditionalone'] + is_numeric($ticket['comision_foradditionalone']) }}  
            @else {{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}} 
            @endif</h4>                                                                                 </td>
            <td>
            <div class="single_search_field search_location m-top-30">
            <select style="width: auto;" class="form-control" name="noofaditionalticket" onchange="calculateadditionalfare(this.value,{{$id}},'{{$ticketname}}-additional_member')" >
            <option value="">0</option>
            <option value="1{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">1</option>
            <option value="2{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">2</option>
            <option value="3{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">3</option>
            <option value="4{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">4</option>
            <option value="5{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">5</option>
            <option value="6{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">6</option>
            <option value="7{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">7</option>
            <option value="8{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">8</option>
            <option value="9{{$ticket->priceforadditionalone + $ticket->comision_foradditionalone}}">9</option>
            </select>
            </div>
            </td>
        @endif

Вот функция, которая создается для расчета обеих цен.

function  calculatefare_(tickets,iot,ticketname){

    var previous = iot;

 var nooftickets = tickets[0];

 var price = tickets.substr(1);

document.getElementById("calculatefare").innerHTML =  '<div id ="calculatefare"><div class="checkout-table table-responsive"> 
<table id="directorist-checkout-table" class="table table-bordered">
<thead><tr>
<th colspan="2">Details</th>
<th><strong>Price</strong>
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2"><h4>Ammount(INR)</h4>
</td><td>'+ price +'</td>
</tr>
<tr>
<td colspan="2">
<h4>Total Amount(INR)</h4>
</td>
<td>'+nooftickets+'x'+price+'</td>
</tr>
<tr>
<td colspan="2">
<strong>Total amount</strong>
</td>
<td class="vertical-middle">
<div id="atbdp_checkout_total_amount">'+nooftickets*price +' + Tax</div>
</td>
</tr></tbody></table><input type = "hidden" value="'+nooftickets+' x'+ticketname+'" name="nooftickets[]" > <input type = "hidden" value="'+nooftickets*price+'" name="totalpayout" >
</div>
<div class="text-right">
<input type="submit" id="atbdp_checkout_submit_btn" class="btn btn-secondary" value="Book Now">
</div>';

}


function  calculateadditionalfare(tickets,iot,ticketname){

var previous = iot;
var nooftickets = tickets[0];
var price = tickets.substr(1);

document.getElementById("calculatefare").innerHTML =  '<div id ="calculatefare">  
<div class="checkout-table table-responsive"> 
<table id="directorist-checkout-table" class="table table-bordered"><thead><tr><th colspan="2">Details</th>
<th><strong>Price</strong>
</th></tr>
</thead>
<tbody>
<tr>
<td colspan="2">
<h4>Ammount(INR)</h4></td>
<td>'+ price +'</td>
</tr><tr><td colspan="2">
<h4>Total Amount(INR)</h4></td>
<td>'+nooftickets+'x'+price+'</td>
</tr>
<tr>
<td colspan="2"><strong>Total amount</strong>
</td>
<td class="vertical-middle">
<div id="atbdp_checkout_total_amount">'+nooftickets*price +' + Tax</div>
</td></tr>
</tbody>
</table>
<input type = "hidden" value="'+nooftickets+' x'+ticketname+'" name="nooftickets[]" > 
<input type = "hidden" value="'+nooftickets*price+'" name="totalpayout" ></div>
<div class="text-right">
<input type="submit" id="atbdp_checkout_submit_btn" class="btn btn-secondary" value="Book Now">
</div>';

}

Вместо суммирования итоговых значений в обоих выпадающих списках рассчитывается только итоговая сумма из последнего выбранного выпадающего значения.