<html> <head> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="${ctx}/css/default.css" rel="stylesheet" type="text/css" /> <script src="${ctx}/js/main.js"></script> <style type="text/css"> <!-- #Layer1 { position:absolute; width:202.5px; height:250px; z-index:1; left: 30px; top: 18px; } #Layer2 { position:absolute; width:109px; height:250px; z-index:2; left: 253.5px; top: 18px; } #Layer3 { position:absolute; width:45px; height:250px; z-index:3; left: 162.5px; top: 18px; } --> </style> </head> <body> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="maintablebox"> <tr> <td style="padding: 0px 0px 0px 0px;"> <table width="33%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top" class="tabcls"> <td valign="middle"> <div id="doctree_container1" class="box" style="height: 250px"> <div id="Layer1"> <div > <select id="gridcontainerselect" multiple="multiple" style="width:100px;height: 250px;"> <option value="1">鑫鑫鑫</option> <option value="2">aaaaa</option> <option value="3">aaaaa</option> <option value="4">aaaaa</option> <option value="5">aaaaa</option> <option value="6">aaaaa</option> <option value="7">aaaaa</option> <option value="8">aaaaa</option> <option value="9">aaaaa</option> <option value="10">aaaaa</option> <option value="11">aaaaa</option> <option value="12">aaaaa</option> <option value="13">aaaaa</option> <option value="14">aaaaa</option> <option value="15">aaaaa</option> </select> </div> </div> <div id="Layer2"> <div> <select id="gridcontainerselect1" multiple="multiple" style="width:100px;height: 250px;"> </select> </div> </div> <div id="Layer3"> <br> <input type="submit" name="Submit2" value="左移" onClick="on_left();"> <br> <input type="submit" name="Submit" value="右移" onClick="on_rigth();"> <br> <input type="submit" name="Submit3" value="随机" onClick="on_random();"> <br> <input type="submit" name="Submit4" value="启用" onClick="on_start();"> <br> <input type="submit" name="Submit5" value="禁用" onClick="on_stop();"> <br> </div> </div> </tr> </table> </td> </tr> </table> </body> <script language="javascript"> Apps.onReady(function(){ }); function on_left() { //移入 var opts = document.getElementById("gridcontainerselect"); var opts1 = document.getElementById("gridcontainerselect1"); el = document.createElement("option"); el.value=$("gridcontainerselect").value; for(var i=0;i<opts.length;i++){ if($("gridcontainerselect").value==opts.options[i].value){ el.appendChild(document.createTextNode(opts.options[i].text)); } } //插入新增的 option opts1.insertBefore(el); //移出 for(var i=0;i<opts.length;i++){ if($("gridcontainerselect").value==opts.options[i].value){ opts.remove(i); on_move(); //移出空值 } } } function on_rigth() { //移入 var opts = document.getElementById("gridcontainerselect"); var opts1 = document.getElementById("gridcontainerselect1"); el = document.createElement("option"); el.value=$("gridcontainerselect1").value; for(var i=0;i<opts1.length;i++){ if($("gridcontainerselect1").value==opts1.options[i].value){ el.appendChild(document.createTextNode(opts1.options[i].text)); } } //插入新增的 option opts.insertBefore(el); //移出 for(var i=0;i<opts1.length;i++){ if($("gridcontainerselect1").value==opts1.options[i].value){ opts1.remove(i); on_move(); //移出空值 } } } function on_move() { var opts = document.getElementById("gridcontainerselect"); var opts1 = document.getElementById("gridcontainerselect1"); for(var i=0;i<opts.length;i++){ if(opts.options[i].text==""){ opts.remove(i); } } for(var i=0;i<opts1.length;i++){ if(opts1.options[i].text==""){ opts1.remove(i); } } return; } function on_random() { } function on_start() { } function on_stop() { } function saveFun(){ } </script> </html> |
|
来自: java程序员879 > 《js》