根据所选选项显示文本 - Display text according to the selected option

Display text according to the selected option

本文关键字：显示文本选项 | 更新日期: 2024-04-05

我有一个选项供用户选择是"是"还是"否"。如果选项选择值为"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>

<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="" />

您可以通过使用一个简单的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调用来实现。