Рассчитать сумму 2 варианта стоимости

Question

Я хочу добавить значения 2 опций выбора, а затем вывести результат.

То, что я пробовал до сих пор, но возвращает только значение 1. Что я хочу, это добавить значение n_adult иЗатем n_children вывести результат в количестве человек:

function familyRoom() {
  if ($('select#selectBoxFamily option').length > 1) {
    var person = Number($('#n_adult').val()) + Number($('#n_children').val());

    $('#selectBoxFamily').find("option:nth-last-child(-n+" + $('#selectBoxFamily').val() + ")").remove();
    family++;
    if (family <= 1) {
      $("#roomDetail ul").append('<li><strong>Family Room - Regular Online Rate</strong> </li>')
                         .append('<li class="pull-right"><h4 style="color:darkorange">PHP {{$availableRooms[2][\' nightRate \']}}</h4></li>')
                         .append('<li>Number of night(s): {{$n_nights}} </li>')
                         .append('<li>Number of person(s):</li>')
                         .append(person)
                         .append('<li class="hr">Number of room(s): </li>');
    }
  } else {
    alert("No more rooms");
  }
}

<div class="pull-left col-xs-12 col-sm-4 col-md-4"><label for="adult" style="color:black">No. of Adult: </label>
  <select required tabindex="9" id="n_adult" name="n_adult">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</div>
<div class="pull-left col-xs-12 col-sm-4 col-md-4">
  <label for="children" style="color:black">No. of Children: </label>
  <select required tabindex="10" id="n_children" name="n_children">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
</div>

Answer 1

Вы можете просто сделать

Number($("#n_adult").val()) + Number($("#n_children ").val())

$("#cal").click(function(){

 console.log(Number($("#n_adult").val()) + Number($("#n_children").val()))
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div class="pull-left col-xs-12 col-sm-4 col-md-4"><label for="adult" style="color:black">No. of Adult: </label>
  <select required tabindex="9" id="n_adult" name="n_adult">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
</div>
<div class="pull-left col-xs-12 col-sm-4 col-md-4">
  <label for="children" style="color:black">No. of Children: </label>
  <select required tabindex="10" id="n_children" name="n_children">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
  
  <button id="cal">Calculate</button>
</div>