日期:2014-05-20  浏览次数:20808 次

JSP隐藏与出现
先看看一段代码

<html>
  <head>
  </head>
  <body>
   <table border="0" bgcolor="#00FF0f">
   <tr>
   <th>姓名</th>
   <th>想干嘛</th>
   </tr>
   <tr>
   <td><select>
   <option value="love" >zdd</option>
   <option value="work" >zxw</option>
   </select></td>
   </tr>
   <tr>
                      <!--这里还没写,问题就在这里-->
   </tr>
   </table>
  </body>
</html>


问题:
 我这个脚本,还没写完,我想,我的<select>里面,当点击"love"时才在“想干嘛”这一个部分出现“爱”,点击“work”时就自动在“想干嘛”这个部分出现“工作”。

  初学,我不懂,请指教!!!

------解决方案--------------------

<html>
  <head>
  <script type="text/javascript">
   function display(sel){
   var tdshow = document.getElementById("content");
   if(sel.value=="love"){
   tdshow.innerText="爱";
   }else{
   tdshow.innerText="工作";
   }
   }
  </script>
  </head>
  <body>
      <table border="0" bgcolor="#00FF0f">
          <tr>
              <th>姓名</th>
              <th>想干嘛</th>
          </tr>
          <tr>
              <td><select onchange="display(this)">
                  <option value="love" selected="selected">zdd</option>
                  <option value="work" >zxw</option>
              </select></td>
              <td id="content">爱
              <td>
          </tr>
      </table>
  </body>
</html>

是这个样子么?