类似于OA系统．．．．的

或者用js来控制div显示/隐藏框记录信息~

用js来控制两个select中的元素
-----------------------左边的是个树型结构　有点开，合上的ＤＩＶ　不能放在ＳＥＬＥＣＴ　里吧

<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<title>定点考勤人员</title>
</HEAD>
<style type="text/css">

</style>
<body style="border:outset 1 #ffffff;margin: 0;background-color: #cccccc;padding:3px" scroll=no>
<link rel="stylesheet" href="../style/style.css">
<SCRIPT LANGUAGE="JavaScript">
<!--function InsertItem(ObjID, Location)
{
  len=document.form1.elements[ObjID].length;
  for (counter=len; counter>Location; counter--)
  {
    Value = document.form1.elements[ObjID].options[counter-1].value;
    Text2Insert  = document.form1.elements[ObjID].options[counter-1].text;
    document.form1.elements[ObjID].options[counter] = new Option(Text2Insert, Value);
  }
}
function GetLocation(ObjID, Value)
{
  total=document.form1.elements[ObjID].length;
  for (pp=0; pp<total; pp++)
    if (document.form1.elements[ObjID].options[pp].text == "---"+Value+"---")
    { return (pp);
      break;
    }
  return (-1);
}function GetObjID(ObjName)
{
  for (var ObjID=0; ObjID < window.form1.elements.length; ObjID++)
    if ( window.form1.elements[ObjID].name == ObjName )
    {  return(ObjID);
      break;
    }
  return(-1);
}function AddItem(ObjName, DesName, CatName)
{
  //GET OBJECT ID AND DESTINATION OBJECT
  ObjID    = GetObjID(ObjName);
  DesObjID = GetObjID(DesName);
//  window.alert(document.form1.elements[DesObjID].length);
  k=0;
  i = document.form1.elements[ObjID].options.length;
  if (i==0)
    return;
  maxselected=0
  for (h=0; h<i; h++)
    if (document.form1.elements[ObjID].options[h].selected ) {
        k=k+1;
        maxselected=h+1;
        }
  if (maxselected>=i)
    maxselected=0;
  if (CatName != "")
    CatObjID = GetObjID(CatName);
  else
    CatObjID = 0;
  if ( ObjID != -1 && DesObjID != -1 && CatObjID != -1 )
  { jj = document.form1.elements[CatObjID].selectedIndex;
    if ( CatName != "")
    { CatValue = document.form1.elements[CatObjID].options[jj].text;
      CatCode  = document.form1.elements[CatObjID].options[jj].value;
    }
    else
      CatValue = "";
    i = document.form1.elements[ObjID].options.length;
    j = document.form1.elements[DesObjID].options.length;
    for (h=0; h<i; h++)
    { if (document.form1.elements[ObjID].options[h].selected )
      {  Code = document.form1.elements[ObjID].options[h].value;
        Text = document.form1.elements[ObjID].options[h].text;
        j = document.form1.elements[DesObjID].options.length;
        if (Text.indexOf('--')!=-1) {
            for (k=j-1; k>=0; k-- ) {
              document.form1.elements[DesObjID].options[k]=null;
            }
            j=0;
        }
        if (Text.substring(0,1)=='-' && Text.substring(1,2)!='-') {
            for (k=j-1; k>=0; k-- ) {
              if (((document.form1.elements[DesObjID].options[k].value).substring(0,2))==(Code.substring(0,2)))
                document.form1.elements[DesObjID].options[k]=null;
            }
            j= document.form1.elements[DesObjID].options.length;
        }
        HasSelected = false;
        for (k=0; k<j; k++ ) {
          if ((document.form1.elements[DesObjID].options[k].text).indexOf('--')!=-1){
              HasSelected = true;
              window.alert('已经包括本选项：'+Text);
              break;
          }else if ((document.form1.elements[DesObjID].options[k].text).indexOf('-')!=-1 && ((document.form1.elements[DesObjID].options[k].value).substring(0,2)==Code.substring(0,2))){
              HasSelected = true;
              window.alert('已经包括本选项：'+Text);
              break;
          }
          if (document.form1.elements[DesObjID].options[k].value == Code)
          {  HasSelected = true;
              break;
          }
        }
        if ( HasSelected == false)
        { if (CatValue !="")
          { Location = GetLocation(DesObjID, CatValue);
            if ( Location == -1 )
            { document.form1.elements[DesObjID].options[j] =  new Option("---"+CatValue+"---",CatCode);
              document.form1.elements[DesObjID].options[j+1] = new Option(Text, Code);
            }//if
            else
            { InsertItem(DesObjID, Location+1);
              document.form1.elements[DesObjID].options[Location+1] = new Option(Text, Code);
            }//else
          }
          else
            document.form1.elements[DesObjID].options[j] = new Option(Text, Code);
        }//if
        document.form1.elements[ObjID].options[h].selected =false;
      }//if
    }//for
    document.form1.elements[ObjID].options[maxselected].selected =true;
  }//if
}//end of function

接上
function DeleteItem(ObjName)
{
  ObjID = GetObjID(ObjName);
  minselected=0;
  if ( ObjID != -1 )
  {
    for (i=window.form1.elements[ObjID].length-1; i>=0; i--)
    {  if (window.form1.elements[ObjID].options[i].selected)
      { // window.alert(i);
          if (minselected==0 || i<minselected)
            minselected=i;
          window.form1.elements[ObjID].options[i] = null;
      }
    }
    i=window.form1.elements[ObjID].length;    if (i>0)  {
        if (minselected>=i)
          minselected=i-1;
        window.form1.elements[ObjID].options[minselected].selected=true;
        }
  }
}
function SaveItem(ObjName){
//var varName;
  ObjID = GetObjID(ObjName);
  if (ObjID != -1)
  { for (i=0; i<document.form1.elements[ObjID].length; i++)
      document.form1.elements[ObjID].options[i].selected = true;
  }
  document.form1.action='Att_user_action.php';
  //document.form1.action.value="12";
  document.form1.submit();
}
</SCRIPT>
<form name="form1" method="POST">
<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    <tr  style="">
      <td width="50" height="1" align="center" class="l-l" id="td_1" > </td>
      <td width="50" height="1" align="center" class="l-c" id="td_2"> </td>
      <td width="50" height="1" align="center" class="l-r" id="td_3"> </td>
    </tr>
    <tr>
      <td width="100%" height="100%" class="up" colspan="8" style="border-top-style: solid; border-top-width: 0; padding: 5">
<div align="center">
          <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
            <tr>
              <td width="40%" height="100%" valign=top align=center>所有人员<br>   <select name="select1" MULTIPLE style="height: 280px;width=120px">
<option value='侯震'>侯震</option><option value='范国娟'>范国娟</option><option value='刘坤'>刘坤</option><option value='赵頔'>赵頔</option><option value='赵凯'>赵凯</option><option value='臧金鹏'>臧金鹏</option>                  </select> </td>
<td align=center>
<input type=button class=b onClick="JavaScript:AddItem('select1','select[]', '')" style=cursor:hand value="加　　入"><br><br>
<input type=button class=b onClick="JavaScript:DeleteItem('select[]')" style=cursor:hand value="删　　除"><br><br>
</td>
<td valign=top width=40% align=center>
定点考勤人员<br>
<select name="select[]" MULTIPLE style="height:280px;width:120px;">
<option value='蒋辛'>蒋辛</option></select>
</td>
             </td>
            </tr>
          </table>
      </td>
    </tr>
  </center>
    <tr>
      <td width="398" height="37" colspan="8" style="border-top-style: solid; border-top-width: 0; padding: 5">
        <p align="right"><input type="button" value="确定" style="width: 60;height:22;cursor:hand" class=up onclick="javascript:SaveItem('select[]')" title="确认类别，关闭对话框。">
        <input type="button" value="取消" style="width: 60;height:22;cursor:hand" class=up onclick="window.close();" title="关闭对话框，不保存所有更改。">
      </td>
    </tr>
  </table>
</div>
</form>
<iframe name=_target style='display:none'></iframe>
</body>
</html>

调试易

类似于OA系统．．．．的

解决方案 »