如何根据jsp中某个下拉选项的值更改表单中字段的属性？答案

【问题标题】：How to change the attributes of a field in a form based on a value of certain dropdown option in jsp?如何根据jsp中某个下拉选项的值更改表单中字段的属性？
【发布时间】：2015-02-05 16:04:12
【问题描述】：

我有一个场景，其中基于某个下拉列表的特定值，一组特定的属性采取行动，如下例所示。我正在使用 jsp 和 javascript

 <td width="20%"><select type="text" name="cars" style='WIDTH:428'            
       <option value="" selected>Select</option>
    <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </select></td></tr>

基于上面选择的选项我想这样选择

 if (mercedes)
      <td ><input type="text" name="mercedes"  
         onchange="javascript:onefunction();"></td>
        else
       <td ><input type="text" name="othercars"    
       onchange="javascript: otherfunction();"></td>

请帮忙？

【问题讨论】：

标签： javascript html jsp if-statement tags

【解决方案1】：

也许你可以试试这个解决方案。如果我错了，请纠正。

jsp html

 <%
 <tr>
 <td width="20%">
      <select type="text" name="cars" onChange="testing();">            
            <option value="" selected>Select</option>
            <option value="volvo">Volvo</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
       </select>
 </td>
 </tr>
 %>

Javascript

<script language="Javascript">
function testing()
{
  var cars = document.mainform.cars.value;

  if(cars == 'volvo')
    functionA();
  else if(cars =='saab')
    functionB();
  else if(cars =='mercedes')
    functionC();
  else if(cars == 'audi')
    functionD();
  else 
    functionF();
}
function functionA()
{
     //your code
}
    function functionA()
{
     //your code
}
    function functionB()
{
     //your code
}
    function functionC()
{
     //your code
}
    function functionD()
{
     //your code
}
    function functionE()
{
     //your code
}
    function functionF()
{
     //your code
}
</script>

【讨论】：