select 的特殊效果

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
  <head>
  
   
    <title>My JSP 'select.jsp' starting page</title>
   
 
<script type="text/javascript" src="js/jquery-1[1].3.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
 var num="";
 var bac="";
 $("#a").change(function(){
   num=$("#a").val();
  });
 $("#b").change(function(){
   bac=$("#b").val();
  }); 
  
 $("#ok").click(function(){
    
  
  if(num==""){
   alert("请选择!");
  }else{
   $("option").remove("."+num);
   $("<option value="+num+" class="+num+">"+num+"</option>").appendTo("#b");
  }
 });
 
 $("#back").click(function(){
    
  
  if(bac==""){
   alert("请选择!");
  }else{
   $("option").remove("."+bac);
   $("<option calss="+bac+">"+bac+"</option>").appendTo("#a");
  }
 });
 
});

</script>
  </head>
 
  <body>
   <select multiple="multiple" id="a">
   <option value="a" class="a">a</option>
   <option value="b" class="b">b</option>
   <option value="c" class="c">n</option>
   <option value="ms" class="ms">ms</option>
   <option value="dasdasd" class="dasdasd">dasdasd</option>
   <option value="sdasda" class="sdasda">sdasda</option>
   <option value="daffesdasd" class="daffesdasd">daffesdasd</option>
   <option value="bdg" class="bdg">bdg</option>
   </select>
   <input type="button" id="ok" value=">>" >
   <input type="button" id="back" value="back" >
   <select multiple="multiple" size="9" id="b"></select>
  </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值