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

时间:2015-02-05 16:04:13

标签: javascript html jsp if-statement tags

我有一个scenerio,根据一些下拉的padrticular值,一组特定的属性采取行动,如下例所示。我正在使用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>

请帮帮忙?

1 个答案:

答案 0 :(得分: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>