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

Question

我有一个场景，其中基于某些下拉列表的特定值，一组特定的属性会采取如下示例所示的操作。我正在使用 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>

请帮忙？

Answer 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>