首页 > 代码库 > jQuery_review之jQuery实现左右多选内容交换

jQuery_review之jQuery实现左右多选内容交换

    在HTML中,通过Select设置multiple=“multiple”设置当前的框为多选框,也就意味着可以同时选择多个内容。在我们的系统中经常可以看到左右两侧的选择,甚至在腾讯的应用中,都有很多类似的功能实现。这种功能是非常实用的,就可以将它封装为一个标签,然后设置两个LIST进行内容的互换,这些对于项目组的快速开发是非常有帮助的,因为JSP的功能就是在于丰富的可以扩展的标签,难道不是么?

    在这个小的复习里面,一个简单的要注意的点就是,对于下拉选单的内容的筛选,是通过:selected来实现的,一定将这个内容和多选框的attr("checked")区分开。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <script type="text/javascript" src=http://www.mamicode.com/"jquery-1.8.3.js"></script>>