Javascript 根据所选选项显示文本

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

所需预付款
对
不

您可以通过使用简单的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="" />

如果您希望使用来自服务器的值实时动态更改该值。您可以通过使用AJAX调用来实现这一点。

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

函数updateText（val）{
var$el=document.getElementById（“adv1”）；
如果（val='y'）{
$el.value=“$750”；
}否则{
$el.value=“0”；
}
}
对
不

PHP不会，除非您重新启动页面，但您可以使用javascript来完成此任务，因为它不是使用值，而是使用值更改。如果我将“是”改为“否”，文本将显示“750美元”。此外，如果再次更改为“是”，则不会将其还原。您可以使用jquery轻松地执行此操作。

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