JavaScript教程：两个Select标签内容多选切换之jquery方法

来源：学生作业帮助网编辑：作业帮时间：2024/05/11 00:55:50 Javascript

JavaScript教程：两个Select标签内容多选切换之jquery方法Javascript

【51Test.NET-JavaScript教程：两个Select标签内容多选切换之jquery方法】：

利用jquery实现两个select标签多选内容从一个标签选择到另外一个标签的简单方法，区区几行代码就能搞定，支持多种浏览器。

效果如下所示：

本例中用到jquery请自行下载。

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>select标签  TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="jquery.js">script>

<SCRIPT LANGUAGE="JavaScript">

SCRIPT>
HEAD>

<BODY>
<table>
<tr>
    <td>
    <select  size='10' multiple id="selectLeft"  style="width:200px">
        <option value="0">Jquery APIoption>
        <option  value="1">JavaScript高级程序设计option>
        <option  value="2">锋利的jQueryoption>
        <option value="3">JavaScript 设计模式option>
        <option  value="4">JavaScript+DOM高级程序设计option>
        <option  value="5">PHP高级程序设计option>
        <option  value="6">面向对象程序设计option>
    select>
    td>
    <td>
    <input type="button" value=" >> " id="toRight" /><br /><br />
    <input type="button" value=" << " id="toLeft" />
    td>
    <td>
    <select  size='10' multiple id="selectRight" style="width:200px">
    select>
    td>
tr>
table>
BODY>
HTML>

Javascript