对文本框左右移动的处理

 <form name="form2" method="post" action="carimagelist.do">  
      <td width="50"><div align="center"></div></td>
      <td width="86"><div align="center"> </div></td>
      <td width="86"><div align="center">按车名查询: </div></td>
      <td width="69"><div align="center">
      <input type="text" id="name" name="name" /> </div></td>
      <td >
      <input type="submit" id="submit3" name="submit3" value="查询" />
      </td>
      <td width="69"><div align="center"> </div></td>
    </form>
 

<select name="carInDepot" size="1">
   <c:forEach items="${storageNames}" var="dto">  
   <option value="${dto.storageID}">${dto.storageName}</option>   
  </c:forEach>
  </select>


<select name="search" size="1">
   <option value="2">--查询条件--</option>
   <option value="carName"
    <c:if test="${'carName'==carsearch}">selected</c:if>>汽车名称</option>
   <option value="produceDate"
    <c:if test="${'produceDate'==carsearch}">selected</c:if>>生产日期</option>
   <option value="inDate"
    <c:if test="${'inDate'==carsearch}">selected</c:if>>入库日期</option>
  </select> <input type="text" name="content" value="${carcontent}" size="20">
  </label></td>
  <td width="62%">
  <div class="searchfontlist">所属仓库:  <select
   name="carInDepot" size="1">
   <option value="1">--请选择--</option>
   <c:forEach items="${storageNames}" var="dto">
    <option value="${dto.storageID}"
     <c:if test="${carInDepot==dto.storageID }">selected</c:if>>${dto.storageName}</option>
   </c:forEach>
  </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit"
    class="butStyleA" value="查询"></div>
  </td>

function move(a,b)
  {
   /*select返回的类型为一个多频数组*/
     var one = document.getElementById(a);
     var two = document.getElementById(b);
     for(var i=0;i<one.length;i++)
       {
         if(one[i].selected)
         {
          //用two.add(one[i]);不行,因为一个选项只有一个父对象
          var opt=new Option(one[i].text,one[i].value);         
          two.add(opt);
          opt.selected=true;                   
          one.remove(i);
          i--;//每移除一个元素时,原来的标会发生一些变化
         }
       }
      
  }

 

     <select name="select" multiple="multiple" >
   <option value="系统管理">系统管理</option>
   <option value="仓库管理">仓库管理</option>
   <option  value="统计管理">统计管理</option>
   <option  value="销售管理">销售管理</option>
   <option  value="客户管理">客户管理</option>
            </select>
            <input type="button" name="Submit4" value="&gt;&gt;"  onClick="move('select','priNames')"/>
            <input type="button" name="Submit5" value="&lt;&lt;" onClick="move('priNames','select')"/>
            <select name="priNames" multiple="multiple" >
             
            </select>

String[] priNames=request.getParameterValues("priNames");

 


<%@ page contentType="text/html; charset=UTF-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%
 //绝对路径使用
 String path = request.getContextPath();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path + "/";
%>
<%@ taglib prefix="myTag" uri="/WEB-INF/myTag.tld" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>">
<!--绝对路径使用 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>添加系统角色</title>
<style type="text/css">
<!--
@import url("css/.title");
-->
</style>
<link href="css/public.css" rel="stylesheet" type="text/css" />
<link href="css/public.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE2 {font-size: 16px}
-->
</style>
<script language="javascript" src="systemJS/check.js"></script>
</head>
<script>
function move(a,b)
  {
   /*select返回的类型为一个多频数组*/
     var one = document.getElementById(a);
     var two = document.getElementById(b);
     for(var i=0;i<one.length;i++)
       {
         if(one[i].selected)
         {
          //用two.add(one[i]);不行,因为一个选项只有一个父对象
          var opt=new Option(one[i].text,one[i].value);         
          two.add(opt);
          opt.selected=true;                   
          one.remove(i);
          i--;//每移除一个元素时,原来的标会发生一些变化
         }
       }
      
  }

</script>

<body bgcolor="#EDF3FF">
<myTag:CheckPower gotoPage="login.jsp"/>
<form id="form1" name="form1" method="post" action="roleAdd.do" onSubmit="return checkRoleValid()" >
  <table width="100%%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="20" colspan="2" background="images/toolbarBg.gif"><span class="searchfontlist" >系统管理:添加角色</span></td>
    </tr>
 <tr><td>
 <table width="100%" border="0" cellpadding="0" cellspacing="0"
 bordercolor="#6490C2">
 <tr>
  <td width="25" height="24" background="images/tab/firstLeftSel.gif">&nbsp;</td>
  <td width="100" background="images/tab/middleSel.gif">
  <div align="center" class="searchfontlist" >添加角色</div>   </td>
  <td width="50" background="images/tab/lastRightSel.gif">&nbsp;</td>
  <td background="images/tab/bg.gif">&nbsp;</td>
 </tr>
</table>
 </td></tr>
    <tr>
      <td colspan="2"><table width="58%" border="0" align="center" cellpadding="0" cellspacing="0" >
        <caption class="searchfontlist STYLE2">
          添加角色
        </caption>
       
        <tr>
          <td width="30%" height="35" align="right" class="searchfontlist" >角色名:</td>
          <td height="35"><input type="text" name="roleName" /></td>
        </tr>
        <tr>
          <td width="30%" height="35" align="right" ><span class="searchfontlist" >权限名:</span>:</td>
          <td height="35"><label>
               <select name="select" multiple="multiple" >
   <option value="系统管理">系统管理</option>
   <option value="仓库管理">仓库管理</option>
   <option  value="统计管理">统计管理</option>
   <option  value="销售管理">销售管理</option>
   <option  value="客户管理">客户管理</option>
            </select>
            <input type="button" name="Submit4" value="&gt;&gt;"  onClick="move('select','priNames')"/>
            <input type="button" name="Submit5" value="&lt;&lt;" onClick="move('priNames','select')"/>
            <select name="priNames" multiple="multiple" >
             
            </select>
            <br />
          </label></td>
        </tr>
        <tr align="center">
          <td height="50" colspan="2"><input type="submit" name="Submit" class="butStyleA" value="提交" /> 
            <input type="reset" name="Submit2" class="butStyleA" value="重置" /> 
            <input type="button" name="Submit3" class="butStyleA" value="返回" onClick="window.history.back()"/></td>
          </tr>
      </table></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值