- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <script language="JavaScript">
- <!--
- function addSrcToDestList() {
- destList = window.document.forms[0].destList;
- srcList = window.document.forms[0].srcList;
- var len = destList.length;
- for(var i = 0; i < srcList.length; i++) {
- if ((srcList.options[i] != null) && (srcList.options[i].selected)) {
- var found = false;
- for(var count = 0; count < len; count++) {
- if (destList.options[count] != null) {
- if (srcList.options[i].text == destList.options[count].text) {
- found = true;
- break;
- }
- }
- }
- if (found != true) {
- destList.options[len] = new Option(srcList.options[i].text);
- len++;
- }
- }
- }
- }
- function deleteFromDestList() {
- var destList = window.document.forms[0].destList;
- var len = destList.options.length;
- for(var i = (len-1); i >= 0; i--) {
- if ((destList.options[i] != null) && (destList.options[i].selected == true)) {
- destList.options[i] = null;
- }
- }
- }
- // -->
- </SCRIPT>
- </head>
- <body>
- <center>
- <form method="POST">
- <table bgcolor="#FFFFCC">
- <tr>
- <td bgcolor="#FFFFCC" width="85">
- <select size="6" name="srcList" multiple>
- <option value="1">Item 1
- <option value="2">Item 2
- <option value="3">Item 3
- <option value="4">Item 4
- <option value="5">Item 5
- <option value="6">Item 6
- </select>
- </td>
- <td bgcolor="#FFFFCC" width="74" align="center">
- <input type="button" value=" 增加到右边 " onClick="javascript:addSrcToDestList()">
- <br><br>
- <input type="button" value=" 从右边删除 " onclick="javascript:deleteFromDestList();">
- </td>
- <td bgcolor="#FFFFCC" width="69">
- <select size="6" name="destList" multiple>
- </select>
- </td>
- </tr>
- </table>
- </form>
- </body>
- </html>
左边框的内容加到右边框的内容中
最新推荐文章于 2019-03-15 18:04:29 发布