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

How to change the attributes of a field in a form based on a value of certain dropdown option in jsp?

本文关键字：表单 属性 字段 jsp 何根 选项      更新时间：2023-09-26

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

请帮忙？

也许您可以尝试这个解决方案。如果我错了就改正。

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>
相关文章：