Показать текст в соответствии с выбранным параметром

Question

У меня есть опция для выбора пользователем «Да» или «Нет». Если опции выбраны «у» ЗНАЧЕНИЯ текстовое поле «adv1» отображает 750. Если еще это 0,00

<table> 

     <tr> 
      <td>Advance Required</td> 
      <td><select name="advReq" id="ad"> 
       <option value="y">Yes</option> 
       <option value="n">No</option> 
       </select> 
      </td> 
      <td><input name="adv1" type="text" readonly="readonly" value="" /></td> 
     </tr> 

    </table> 

Answer 1

<script> 
    function updateText(val) { 
     var $el = document.getElementById("adv1"); 
     if(val == 'y'){ 
     $el.value = "$ 750"; 
     } else { 
     $el.value = "0"; 
     } 
    } 
    </script> 

<select name="advReq" id="ad" onchange="updateText(this.value)"> 
     <option value="y">Yes</option> 
     <option value="n">No</option> 
</select> 
<input name="adv1" type="text" id="adv1" value="" /> 

Answer 2

Вы можете добиться этого с помощью простого JavaScript.

HTML Markup:

<select name="advReq" id="ad" onchange="changeValue(this.value)"> 
     <option value="y">Yes</option> 
     <option value="n">No</option> 
</select> 
<input name="adv1" type="text" id="adv" value="" /> 

JavaScript:

function changeValue(val){ 
//use comparison operator 
if(val=="y") 
    document.getElementById('adv').value = "$ 750"; 
    else 
    document.getElementById('adv').value = "0.00"; 
} 

Если вы хотите изменить значение динамически со значениями от сервера в режиме реального времени. Вы можете сделать это, используя вызовы AJAX.