码迷,mamicode.com
首页 > 移动开发 > 详细

左右方框数据移动

时间:2016-03-17 09:44:50      阅读:332      评论:0      收藏:0      [点我收藏+]

标签:

<html>
  <head>
   
    <title> </title>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link href="../../css/index.css" rel="stylesheet" type="text/css" />
<link href="../../css/leftmenu.css" rel="stylesheet" type="text/css" />
<link href="../../css/css.css" rel="stylesheet" type="text/css" />
<link href="../../css/dzkutd.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
function LTrim(str)
{
    var whitespace = new String("  \t\n\r");
    var s = new String(str);
    if (whitespace.indexOf(s.charAt(0)) != -1)
    {
        var j=0, i = s.length;
        while (j < i && whitespace.indexOf(s.charAt(j)) != -1)
        {
            j++;
        }
        s = s.substring(j, i);
    }
    return s;
}

function GetObjID(ObjName) {
for ( var ObjID=0; ObjID < window.deptSelectForm.elements.length; ObjID++ )
if (window.deptSelectForm.elements[ObjID].name == ObjName ) {
return(ObjID);
break;
}
return(-1);
}

function AppendItem(allMenu, menu, isAll) {
for (j=0; j<document.getElementById(allMenu).length; j++){
if (isAll == true || document.getElementById(allMenu).options[j].selected){
//GET VALUE
document.getElementById(allMenu).options[j].selected = false;
//GET LENGTH
DesLen = document.getElementById(menu).length;
// NEW OPTION
document.getElementById(menu).options[DesLen] = new Option(LTrim(document.getElementById(allMenu).options[j].text), document.getElementById(allMenu).options[j].value);
document.getElementById(allMenu).remove(j);
j--;
}
}
}
function turnUp() {
for (j=0; j<document.getElementById("resultDept").length; j++){
if (document.getElementById("resultDept").options[j].selected){
if (j == 0) {
alert("请从第二个开始选择");
return;
}
//GET VALUE
i = j - 1;
var obj = document.getElementById("resultDept").options[j];
var value = document.getElementById("resultDept").options[i].value;
var text = document.getElementById("resultDept").options[i].text;
document.getElementById("resultDept").options[i].value = obj.value;
document.getElementById("resultDept").options[i].text = obj.text;
document.getElementById("resultDept").options[i].selected = true;
document.getElementById("resultDept").options[j].value = value;
document.getElementById("resultDept").options[j].text = text;
document.getElementById("resultDept").options[j].selected = false;
}
}
}
function turnDown() {
for (j=document.getElementById("resultDept").length-1; j>-1; j--){
if (document.getElementById("resultDept").options[j].selected){
if(j==document.getElementById("resultDept").length - 1) {
alert("请从倒数第二个开始选择");
return;
}
//GET VALUE
i = j + 1;
var obj = document.getElementById("resultDept").options[j];
var value = document.getElementById("resultDept").options[i].value;
var text = document.getElementById("resultDept").options[i].text;
document.getElementById("resultDept").options[i].value = obj.value;
document.getElementById("resultDept").options[i].text = obj.text;
document.getElementById("resultDept").options[i].selected = true;
document.getElementById("resultDept").options[j].value = value;
document.getElementById("resultDept").options[j].text = text;
document.getElementById("resultDept").options[j].selected = false;
}
}
}
function ok()
{

window.close();
}
</script>
  </head>
 
  <body>
<table width="50%"style="border-right:solid 1px #aaccef; border-bottom:solid 1px #aaccef; border-top:solid 1px #aaccef; border-left:solid 1px #aaccef;" cellpadding="0" cellspacing="0" bgcolor="#f3f8fb" align="center">
    <tr height="30px">
<td colspan=4>
<span>项目查询条件</span>
</td>
</tr>
<tr>
    <td width="20%" align="center">
    <select id="initDept" name="initDept" size="12" style="width:150px;" multiple="true">
<option value="1">项目状态</option>
<option value="1">项目名称</option>
<option value="1">境内外</option>
<option value="1">所在大区</option>
<option value="1">所在国家</option>
<option value="1">建设地区代码</option>
<option value="1">行业代码</option>
<option value="1">重点行业</option>
<option value="1">业务种类</option>
<option value="1">五级分类</option>
    </select>
    </td>
    <td width="5%" align="center">
        <input type="button" value="-->" onClick="return AppendItem(‘initDept‘, ‘resultDept‘, false);"/>
        <br>
        <input type="button" value="==>" onClick="return AppendItem(‘initDept‘, ‘resultDept‘, true);"/>
        <br>
        <br>
        <input type="button" value="<--" onClick="return AppendItem(‘resultDept‘, ‘initDept‘, false);"/>
        <br>
        <input type="button" value="<==" onClick="return AppendItem(‘resultDept‘, ‘initDept‘, true);"/>
    </td>
    <td width="20%" align="center">
    <select id="resultDept" name="resultDept" style="width:150px;" size="12" multiple="true"></select>
    </td>
    <td width="5%" align="left">
        <input type="button" value="上移" onClick="return turnUp();"/>
        <br>
        <br>
        <input type="button" value="下移" onClick="return turnDown();"/>
    </td>
    </tr>
<tr height="30px">
<td align="center" colspan=4>
<input type="button" name="确认" value="确定" onClick="javascript:ok()"/>
<input type="button" value="关闭" onClick="javascript:window.close()"/>
</td>
</tr>
    </table>
  </body>
</html>

左右方框数据移动

标签:

原文地址:http://www.cnblogs.com/duguheilang/p/5286020.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!