根據所選選項顯示文本

Question

我有一個選項供用戶選擇「是」還是「否」。如果選項選擇的值爲'y'，則文本框'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標記：

<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調用來完成。