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