利用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>