Определите, определены ли динамические выборки с помощью JavaScript

Я наткнулся на проблему и мог использовать вашу помощь, выясняя здесь какую-то логику, чтобы справиться с этим. В основном у меня есть динамическая форма заказа, где цена обновляется в реальном времени на стороне пользователя, используя javascript на основе того, какие параметры выбирает пользователь. Проблема в том, что существует 3 динамических выпадающих меню, которые могут быть не все, т.е. Иногда будет выпадать a-c, иногда будет только a или просто a и b и т.д. Ошибка, которую я получаю, заключается в том, что переменная для любого неопределенного выбора не определена (очевидно). Я реализовал некоторые js, чтобы справиться с этим, но без успеха. Вот код, с которым я работаю:

PHP:

     $a_sql = ("SELECT * FROM prod_add WHERE pid = '$id' AND 'group' = 'a'");
$a_query = mysqli_query($dbconx, $a_sql);
$a_Count = mysqli_num_rows($a_query);
if ($a_Count > 0) {



    while($row = mysqli_fetch_array($a_query)) {

    $a_option = $row["option"];
    $a_value = $row["value"];

    $a_results .= "<option value='$a_value'>$a_option</option>";

    }

}

if($a_Count > 0) {

    $a_opt = "<select class='opt_drop' id='optA' name='optA' onchange='getTotal()'>$a_results</select>"; 

} else { 

    $a_opt = "";

}

Промыть и повторить для b & c

HTML:

   <h2 id="totalPrice">$<?php echo $base_cost ?></h2> <br />
          <input type="hidden"  name="base_cost" id="base_cost" value="<?php echo $base_cost ?>" /> 
          <?php echo $a_opt; ?><br />
          <?php echo $b_opt; ?><br />
          <?php echo $c_opt; ?>
            Quantity:
          <select name="quantity" id="quantity" onchange="getTotal()">
                <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>
                <option value="6"> 6 </option>
                <option value="7"> 7 </option>
                <option value="8"> 8 </option>
                <option value="9"> 9 </option>
                <option value="10"> 10 </option>
          </select>

Javascript:

      <script type="text/javascript">

     function getDDValue(elementID){
         var value = 0;
         var element = document.getElementById(elementID);
          value = element.options[element.selectedIndex].value;
         console.log(value);
         return parseFloat(value);
     }
     function getBase (elementID) {
        var value = 0;
        var element = document.getElementById(elementID);
        value = element.value;
        return parseFloat(value);
     }

     function getTotal(){
         if (typeof optA != "undefined") {
         var optA =  getDDValue("optA");
        } else {
            var optA = "0";
        }
        if (typeof optB != "undefined") {
            var optB =  getDDValue("optB");
        } else {
            var optB = "0";
        }
        if (typeof optC != "undefined") {
              var optC =  getDDValue("optC");
          } else {
             var optC = "0";
          }
          var quantity = getDDValue("quantity");
        var base_cost = getBase ("base_cost")
          var totalPrice = '0';

         totalPrice = parseFloat((+base_cost  + +optA + +optB + +optC) * +quantity);
         console.log(totalPrice);
          document.getElementById('totalPrice').innerHTML = "$" + totalPrice; 
     }

     getTotal();
     </script>

Как вы можете видеть выше, я попытался определить, было ли значение неопределенным и было ли это просто дать ему значение 0. Это не сработало, хотя я не могу быть уверен, почему.