各位好,一个表格,其中一列是下拉选项的(只有“是”和“否”两个选项)。
我想实现一个功能,就是,当下拉选择“是”的话,这一行的所有数据,都是黑色字体显示,如果选择“否”,则红色显示。如下图所示,请问如何在jsp中实现?
非常感谢~~~~ 

解决方案 »

  1.   


    <HTML>   
      <HEAD>   
      <META   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
      <TITLE>close</TITLE>   
      <STYLE>   
      table   
      {   
      border-top:1px   solid   black;   
      border-left:1px   solid   black;   
      cursor:default;   
      }   
      td   
      {   
      border-bottom:1px   solid   black;   
      border-right:1px   solid   black;   
      height:23px;   
      }   
      </STYLE>
      <SCRIPT language="javascript">   
         function  change(obj)   
          {   
          if(obj.value=="YES"){
          obj.parentNode.parentNode.style.color="black";
          
          }
          else{
           obj.parentNode.parentNode.style.color="RED";
          } 
     
        
      }   
        
      </SCRIPT>
     </HEAD>   
        
      <BODY>   
      <TABLE   id="table1"   width="50%"   border="0"   cellpadding="0"   cellspacing="0">   
          <TR   style="background-color:#999999;   border-bottom:2px   solid   black;   height:25px"   align="center">   
              <TD   width="25%">one</TD>   
              <TD   width="25%">two</TD>   
              <TD   width="25%">three</TD>   
              <TD   width="25%">four</TD>   
          </TR>   
          <TR>   
              <TD>111</TD>   
             <TD>111</TD>  
              <TD>111</TD>  
              <TD><select onchange="change(this);">
                  <option value="YES">YES</option>
                  <option value="NO">NO</option>
                  </select></TD>   
          </TR>   
          <TR>   
              <TD>111</TD>   
             <TD>111</TD>  
              <TD>111</TD>  
              <TD><select onchange="change(this);">
                  <option value="YES">YES</option>
                  <option value="NO">NO</option>
                  </select></TD>   
          </TR>   
          <TR>   
              <TD>111</TD>   
             <TD>111</TD>  
              <TD>111</TD> 
              <TD><select onchange="change(this);">
                   <option value="YES">YES</option>
                  <option value="NO">NO</option>
                  </select></TD>   
          </TR>   
          <TR>   
             <TD>111</TD>   
             <TD>111</TD>  
              <TD>111</TD>   
              <TD><select onchange="change(this);">
                  <option value="YES">YES</option>
                  <option value="NO">NO</option>
                  </select></TD>   
          </TR>   
          <TR>   
              <TD>111</TD>   
             <TD>111</TD>  
              <TD>111</TD>  
              <TD><select onchange="change(this);">
                   <option value="YES">YES</option>
                  <option value="NO">NO</option>
                  </select></TD>   
          </TR>     
          <TR>   
             <TD>111</TD>   
             <TD>111</TD>  
              <TD>111</TD>   
              <TD><select onchange="change(this);">
                   <option value="YES">YES</option>
                  <option value="NO">NO</option>
                  </select></TD>   
          </TR>               
      </TABLE>   
      </BODY>   
      </HTML> 
      

  2.   

    做个 判断  
    int i=0;
    i++;
    if(i%2==0){
    红色
    }else{
    黑色
    }
      

  3.   

    最后一列 用span 装起来,每个span的 id为 spani 行id为tri
    for(i=1;i<=大小;i++){
       var val=document.getElementById("span"+i).innerText;
       if(val==下拉列表选中Text)
          document.getElementById("tr"+i).style.backgroundColor=val=="否"?"red":"black";
      

  4.   

    先谢谢各位的回答啦~~
    是这样的,我每行的数据是用getObject()来获取数据库中的数据。然后每行有个“修改”按钮可以修改每行的数据。修改后,重新返回到显示页面。
    closewbq大哥的代码是在本页面变色,但是我如果是修改后,提交到前一页面,实现变色功能,请问各位该如何实现呢?