Отобразить текст с условиями в раскрывающемся списке

Я обновляю свой предыдущий вопрос:

Пользователь должен вводить суммы в текстовых полях: amt1, amt2, amt3. Если они выбирают вариант для оплаты значения "Я" "S", и им нужно объявление "авансового платежа" как "Да", тогда текстовое поле adv1 должно отобразите сумму amt1 + amt2 + amt 3 + $ 750. В любом другом случае значение в adv1 должно быть 0,00, и, конечно, текстовое поле totalAmt должно всегда содержать сумму всегда.

Я попробовал javascript, чтобы получить значения параметров onChange и попытаться оценить. Однако значения не передаются.

HTML

<table width="800" border="1" cellspacing="0" cellpadding="0">
   <tr>
        <th>Estimated Travel Cost</th>
        <th>AED</th>
        <td>
            <input name="total" type="text" id "totalAmt"value="" readonly="true" style="text-align:center"/>
        </td>
  </tr>
  <tr>
      <th>Amount (AED)</th>
      <th>Arranged By</th>
  </tr>
  <tr>
      <td>Arrival (incl Taxes)</td>
      <td>
        <input name="amt1" id="amt1" type="text" value="0" style="text-align:center"/>
      </td>
      <td>
            <select name = "drop1" id = "str" onChange="updateTextVal()">
            <option value="S">Self</option>
            <option value="C">Company</option>
        </select>
        </td>
  </tr>
  <tr>
       <td>Local Travel</td>
       <td>
        <input name="amt2" type="text" value="" style="text-align:center"/>
       </td>
        <td>
             <select name="drop2">
             <option>Self</option>
             <option>Company</option>
             </select>
      </td>
  </tr>
  <tr>
       <td>Accomodation</td>
       <td>
        <input name="amt3" type="text" value="" style="text-align:center"/>
      </td>
      <td>
        <select name="drop3">
            <option>Self</option>
            <option>Company</option>
            </select>
     </td>
  </tr>
       <td>Estimated Total Cost</td>
       <td>
        <input name="amt6" type="text" value="" style="text-align:center" />
        </td>
        <td>
                <select name="drop6">
                <option>Self</option>
                <option>Company</option>
                </select>
        </td>
    </tr>
    <tr>
        <td>Advance Required</td>
        <td>
                <select name="advReq" id="ad">
        <option value="n">No</option>
                    <option value="y">Yes</option>     
        </select>
    </td>
    <td>
        <input name="adv1" type="text" id="adv1"  value="0" readonly="readonly" style="text-align:center"/>
    </td>
  </tr>

</table>

JavaScript

<script>

 function updateText() {
  var str = this.value;
  var $vel = parseInt(document.getElementById("amt1"));
  var $el = document.getElementById("adv1");
  var val = document.getElementById('ad').value;
  var $eval = document.getElementById('str').value;

    if(val == 'y'){ 
        if($eval == 's'){        
             $el.value = "750" + $vel;
         } else {
             $el.value = "0";
        }
    }
 }
</script>