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

您可以使用简单的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";
}

如果您希望使用Server中的值实时动态更改值。你可以使用AJAX调用来完成它。

Answer 2

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

根据所选选项显示文本

2 个答案: