`
wlh269
  • 浏览: 448371 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

select中option的选中,撤销、上移和下移,和倒序

阅读更多
  
//倒序算法
  function reverseOption(sel){
        for (var i=0; i< Math.floor(sel.options.length/2);i++) {
          var temp=new Option('','')
          temp.text = sel.options[i].text;
           temp.value = sel.options[i].value;
          sel.options[i].text = sel.options[sel.options.length-1-i].text;
           sel.options[i].value = sel.options[sel.options.length-1-i].value;
          sel.options[sel.options.length-1-i].text = temp.text;
          sel.options[sel.options.length-1-i].value = temp.value;
       }
       }


<HTML>
	<HEAD>
		<META charset="gb2312" content="text/html" http-equiv="Content-Type">
		<TITLE>流程维护</TITLE>
		<STYLE type="text/css"><!--
.style1 {color: #0000FF}
.style9 {   color: #FF0000;
    font-weight: bold;
}
.style10 {color: #000000; }
-->
</STYLE>
		<LINK href="../../style/style.css" rel="stylesheet" type="text/css">
		<SCRIPT src="../../js/xmlhttp.js" type="text/javascript"></SCRIPT>
		<SCRIPT language="javascript" type="text/javascript">    function doSubmit(){
    //document.frmMain.action="khgl.AddKhInfo.xv?oper=save";
    submitForm();
  }
</SCRIPT>
	</HEAD>
	<BODY>
		<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
			<TR>
				<TD class="place" height="30">
					<IMG align="absmiddle" height="13" src="../../images/place-l.gif"
						width="14">
				</TD>
			<TR>
				<TD height="30">
				</TD>
			</TR>
			</TR>
			<FORM action="" method="post" name="frmMain">
				<TABLE border="0" bordercolordark="#ffffff"
					bordercolorlight="#333333" cellpadding="0" cellspacing="0"
					class="biao-bg1" id="barid" width="60%">
					<TR>
						<TD class="biao-bg">
							<DIV align="right">
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;流程名称:
							</DIV>
						</TD>
						<TD>
							<SELECT class="table2_td" disabled id="LBBH" name="LBBH" size="1"
								style="width:150 ;">
								<OPTION value="">
									--请选择流程名称--
								</OPTION>
								<OPTION value="1">
									通知
								</OPTION>
								<OPTION selected value="2">
									催报催缴
								</OPTION>
								<OPTION value="42">
									234234234
								</OPTION>
								<OPTION value="24">
									rrrr
								</OPTION>
								<OPTION value="25">
									tttt
								</OPTION>
								<OPTION value="26">
									ggggg
								</OPTION>
								<OPTION value="43">
									444444
								</OPTION>
								<OPTION value="47">
									uuuuuuu
								</OPTION>
								<OPTION value="45">
									7777
								</OPTION>
							</SELECT>
						</TD>
					</TR>
					<TR height="30">
						<TD class="biao-bg">
							<DIV align="right">
								&nbsp;&nbsp;所属机构:
							</DIV>
						</TD>
						<TD>
							<SELECT class="table2_td" disabled id="JGBH" name="JGBH" size="1"
								style="width:150 ;">
								<OPTION value="">
									--请选择机构名称--
								</OPTION>
								<OPTION value="000000000">
									全局管理
								</OPTION>
								<OPTION value="001">
									办公室
								</OPTION>
								<OPTION selected value="002">
									流转税科
								</OPTION>
							</SELECT>
						</TD>
					</TR>
				</TABLE>
				<TABLE align="center" border="0" cellpadding="0" cellspacing="0"
					class="table1_border" width="60%">
					<TR>
						<TD class="table1_head_title">
							<P>
						</TD>
					</TR>
					<TR>
						<TD class="table1_head_line"></TD>
					</TR>
					<TR>
						<TD align="center" valign="middle">
							<TABLE bgcolor="#FFFFFF" border="0" cellpadding="0"
								cellspacing="1" class="table2_border" id="tb1" width="60%">
								<TR>
									<TD align="center" bgcolor="#FFFFFF" valign="middle"
										width="40%">
										<SELECT class="table2_td" id="TreeL" name="TreeL" size="15"
											style="width:200;"></SELECT>
									</TD>
									<TD align="center" class="table2_td_title1" valign="middle"
										width="15%">
										<INPUT class="btn" name="AddRightBtn"
											onclick="moveSelectItem(document.frmMain.TreeL,document.frmMain.TreeR);"
											type="button" value="选择&gt;&gt;">
										<P>
											<INPUT class="btn" name="RemoveRightBtn"
												onclick="moveAllItem(document.frmMain.TreeL,document.frmMain.TreeR);"
												type="button" value="全选&gt;&gt;">
										<P>
									</TD>
									<TD align="center" bgcolor="#FFFFFF" colspan="2"
										valign="middle">
										<SELECT class="table2_td" id="TreeR" name="TreeR" size="15"
											style="width:200">
											<OPTION value="61">
												环节1
											</OPTION>
											<OPTION value="62">
												环节2
											</OPTION>
											<OPTION value="84">
												hj4
											</OPTION>
											<OPTION value="83">
												hj3
											</OPTION>
										</SELECT>
									</TD>
									<TD align="center" bgcolor="#FFFFFF" colspan="2"
										valign="middle">
										<INPUT class="btn" onclick="Up();" type="button" value="向上">
										<P>
											<INPUT class="btn" onclick="Down();" type="button" value="向下">
										<P>
											<INPUT class="btn" name="RemoveRightBtn"
												onclick="moveSelectItem(document.frmMain.TreeR,document.frmMain.TreeL);"
												type="button" value="删除">
										<P>
											<INPUT class="btn" name="RemoveRightBtn"
												onclick="moveAllItem(document.frmMain.TreeR,document.frmMain.TreeL);"
												type="button" value="全删">
										<P>
								<TR>
									<TD align="center" bgcolor="#FFFFFF" class="table2_btn"
										colspan="6" valign="middle">
										<INPUT class="btn" name="Submit" onclick="updateFlow();"
											type="button" value="修 改">
										&nbsp;&nbsp;
										<INPUT class="btn" name="返 回"
											onclick="JAVASCRIPT:history.back();" type="button"
											value="返 回">
									</TD>
								</TR>
								</TD>
								</TR>
							</TABLE>
						</TD>
						<INPUT id="oper" name="oper" type="hidden">
						<INPUT id="NODES" name="NODES" type="hidden" value="">
						<INPUT id="FLOWID" name="FLOWID" type="hidden" value="122">
						<SCRIPT type="text/javascript">    
  //==========添加option===============//
  /*
  var select=document.getElementById("TreeL");
  var surl="system.xmlhttp.XMLHTTP.ak?flag=fillNodeList";
  var datas=getServerData(surl,'');//发送请求
  var rows=datas.split("#");
    for(var i=1;i<rows.length;i++) {//遍历属性
       var columns=rows[i].split(",");
         select.options.add(new Option(columns[1],columns[0])); 
    }
    */
  //===============================//
  
  //向上移动
  function   Up(){  
     var   sel=document.getElementById("TreeR");  //获取select
     var   nIndex   =   sel.selectedIndex;   //需要进行操作的select 项的索引
     var   nLen   =   sel.length;   //select 总共项目数
     if   ((nLen<1)||(nIndex==0))   return;   
     if   (nIndex<0)  {   
        alert("请选择一个要移动的已选按钮!");   
        return;   
      }   
     var   sValue=sel.options[nIndex].value;   
     var   sHTML=sel.options[nIndex].innerHTML;   
     sel.options[nIndex].value=sel.options[nIndex-1].value;   
     sel.options[nIndex].innerHTML=sel.options[nIndex-1].innerHTML;   
     sel.options[nIndex-1].value=sValue;   
     sel.options[nIndex-1].innerHTML=sHTML;   
     sel.selectedIndex=nIndex-1;   
  }  
    
    //   排序:向下移动   
  function   Down() {   
     var   sel=document.getElementById("TreeR");   
     var   nIndex   =   sel.selectedIndex;   
     var   nLen   =   sel.length;   
     if   ((nLen<1)||(nIndex==nLen-1))   return;   
     if   (nIndex<0)   {   
       alert("请选择一个要移动的已选按钮!");   
       return;   
     }   
     var   sValue=sel.options[nIndex].value;   
     var   sHTML=sel.options[nIndex].innerHTML;   
     sel.options[nIndex].value=sel.options[nIndex+1].value;   
     sel.options[nIndex].innerHTML=sel.options[nIndex+1].innerHTML;   
     sel.options[nIndex+1].value=sValue;   
     sel.options[nIndex+1].innerHTML=sHTML;   
     sel.selectedIndex=nIndex+1;   
   }    
    
    
    
     /**
     * 更新流程
     */
     var NODES="";
    function updateFlow(){
       var LBBH=document.getElementById("LBBH").value;//
     if(LBBH==""){
          alert("请选择流程名称!");
          return ;
        }
        
    var JGBH=document.getElementById("JGBH").value;//JGBH
     if(JGBH==""){
          alert("请选择机构!");
          return ;
        }
      //================================================//  
      var surl="system.xmlhttp.XMLHTTP.ak?flag=checkFlow&JGBH="+JGBH+"&LBBH="+LBBH;
      var datas=getServerData(surl,'');//发送请求
      if(datas=="true"){
       // alert("当前流程名称和所属机构对应的流程已经创建!");
        //return ;
      }
      //================================================//
        var locs=document.getElementById("TreeR");
        for(var x=locs.length-1;x>=0;x--){
            var value=locs.options[x].value;
            NODES+="#";
            NODES+=x;//序号
            NODES+=",";
            NODES+=value;//节点ID
        }
        document.getElementById("NODES").value=NODES;
        if(NODES==""){
        alert("请选择节点名称!");
          return ;
        }
        
        document.getElementById("oper").value="update2";
        document.frmMain.action="flowdefine.FlowUpdate.xv";
        document.frmMain.submit();
    }
    
    /**
    **添加或者取消option
    */
    function moveSelectItem(locs,mylocs){
      for(var x=0;x<locs.length;x++){
        var opt ;
        if (locs.options[x].selected){
            opt=new Option();
            opt.value=locs.options[x].value;
            opt.text=locs.options[x].text;
            mylocs.add(opt);
            locs.options[x]=null;
        }
      }
    }
    
    /**
    **全部添加或者取消option
    */
    function moveAllItem(locs,mylocs){
    for(var x=locs.length-1;x>=0;x--){
        locs.options[x].selected=true;
        var opt ;
        if (locs.options[x].selected){
            opt=new Option();
            opt.value=locs.options[x].value;
            opt.text=locs.options[x].text;
            mylocs.add(opt);
            locs.options[x]=null;
            }
  }
    }
    
    function document.frmMain.TreeL.ondblclick(){
    moveSelectItem(document.frmMain.TreeL,document.frmMain.TreeR);
    }

    function document.frmMain.TreeR.ondblclick(){
        moveSelectItem(document.frmMain.TreeR,document.frmMain.TreeL);
    }
    
    
    /**
    **根据机构填充用户列表
    */
    function filluser(obj){
      var select=document.getElementById("TreeL");
      select.length=0;
      var surl="system.xmlhttp.XMLHTTP.ak?flag=fillUSerList&JGBH="+obj.value;
      var datas=getServerData(surl,'');//发送请求
      var rows=datas.split("#");
        for(var i=1;i<rows.length;i++) {//遍历属性
           var columns=rows[i].split(",");
             select.options.add(new Option(columns[1],columns[0])); 
        }
    }
    
    
 function add(){
        
    document.frmMain.action="flowdefine.CircleRepair.ak";
    document.getElementById("ACCESS_TYPE").value="add";
    document.frmMain.submit();
    //window.location.href="CircleRepairAdd.html";
 
 }
 
 
 
 
</SCRIPT>
					</TR>
				</TABLE>
			</FORM>
		</TABLE>
	</BODY>
</HTML>


0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics