title: jsp关于滚动菜单和显示图片我想做一个选择牌组的页面（比如说姚记 
desc: 我想做一个选择牌组的页面（比如说姚记 钓鱼扑克）
  
   
  
  希望以以下任意一种方式
  
  1、
  
  给出一个滚动selection
  
  如
  
  <Select name="poker" size="5">
  
  <Option value="姚记扑克">
  
  <Option value="钓鱼扑克">
  
  <Option value="AAA扑克">
  
  <Option value="BBB扑克">
  
  <Option value="CCC扑克">
  
  …我想做一个选择牌组的页面（比如说姚记 钓鱼扑克）
  
   
  
  希望以以下任意一种方式
  
  1、
  
  给出一个滚动selection
  
  如
  
  <Select name="poker" size="5">
  
  <Option value="姚记扑克">
  
  <Option value="钓鱼扑克">
  
  <Option value="AAA扑克">
  
  <Option value="BBB扑克">
  
  <Option value="CCC扑克">
  
  ……
  
  </Select>
  
  同时希望当选中任意Option时在滚动selection的旁边显示预览图片
  
  就这段显示图片的代码该如何写
answer: <!-
  我这里面用到了，如果楼主没接触过的话，建议先了解一下
  -->
  <%@ page language="java" contentType="text/html; charset=UTF-8"
      pageEncoding="UTF-8"%>
  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "  ">
  <html>
   
  <script type="text/javascript">
  function switch_card(){
  var card= tElementById("card");
  var image= tElementById("image");
  //alert(card.options.length);
    for(var i=0;i<card.options.length;i++){
   if(card.options[i].selected){
        c=i+".gif";
   }
    }
  }
  </script>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Insert title here</title>
  </head>
  <body>
  <Select name="poker" size="5" id="card" onchange="switch_card()">
  <option value="姚记扑克" selected>姚记扑克</option>
  <option value="钓鱼扑克">钓鱼扑克</option>
  <option value="AAA扑克">AAA扑克</option>
  <option value="BBB扑克">BBB扑克</option>
  <option value="CCC扑克">CCC扑克</option>
  </Select>
  
  </body>
  </html> 