首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > J2ME开发 >

JSP暗藏与出现

2013-07-09 
JSP隐藏与出现先看看一段代码htmlhead/headbodytable border0 bgcolor#00FF0ftrth姓

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>

是这个样子么?

热点排行