exchanging values from right to left on button click

Hi experts! I have a problem...
In below attached screen shot with this question ,I have three UI components - I'm getting employee list on top... And list of all work(work_codes) in left container and list of work assigned to particular employee(emp_work) on right container. Now I want to push values from left to right container and want to update employee_work table in database.
So please help me solving this procedure using jsp, servlet and jdbc... I mean what to use to push values from one container to another and then update these values on database...

You're barking up the wrong tree.... you'll need JavaScript for that.

Ok Thanks sir... but please provide me the java script code which should be used here...

Bhavesh Sangwan wrote:Ok Thanks sir... but please provide me the java script code which should be used here...

That's not how things work around here. You write the code and we'll help you with any problems you are having with it.

I'm sending my code... Now suggest changes where need and then again Ill make my own efforts .. so ... help peoples....
AssignWork.jsp

<%@page import="com.raistudies.models.WorkCode_Manager"%>
<%@page import="java.util.*" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Work Code Assignment</title>
<link rel="Stylesheet" href="stylesheet.css" />
</head>
<body>
<% if(session.getAttribute("uname")==null){
	session.invalidate();
	response.sendRedirect("login_page.jsp");
	}else{
	String n=(String)session.getAttribute("uname");
	//String p=(String)session.getAttribute("pass");
	%>
	<div class="divHomeheader" align="right">
		<table width="100%"><tr><td width="95%"><center><font color="darkGray"><h2>Work Code Assignment</h2></center></font></td>
		<td><html:link action="/Logout" >Logout</html:link></td></tr></table>
	</div>

<div style="margin:20px 0px 0px 00px; width:900px; height:540px; padding-top:10px; background-color:lightgray" class="divBorder ">
		<font color="#3B5998" style="float:center"> Select Employee :</font>
		<html:select property="emp_list" value="emps">
		<html:option value="Employeelist">Employee List..</html:option>
		<%		
		WorkCode_Manager wcm=new WorkCode_Manager();
		ArrayList<ArrayList<Object>> emplist=new ArrayList<ArrayList<Object>>();
		ArrayList<Object> list = new ArrayList<Object>();
		emplist=wcm.getEmpList();
		//System.out.println(emplist);
		Iterator<ArrayList<Object>> it = emplist.iterator();
		
		while(it.hasNext()){
				
			list=it.next();
			Iterator<Object> itr = list.iterator();
			
			String code_name[] = new String[list.size()];	
			int i=0;
			while(itr.hasNext()){
				
				code_name[i]=(String) (itr.next());
				i++;
				
			}%>
			<html:option value="1"><% out.print("("+code_name[0]+") "+code_name[1]); %></html:option>
		<%
		}
		%>
		</html:select>
	
	
		<div style="float:left; margin:100px 10px 10px 70px; width:200px; height:350px" class="divBorder">
		<font color="#3B5998" style="float:center"> Work Code:</font>
		<hr width="90%" size="3" />
		<%
		WorkCode_Manager wcm=new WorkCode_Manager();
		ArrayList<String> worklist = new ArrayList<String>();
		worklist=wcm.getWorkCode();
		
		Iterator<String> itr = worklist.iterator();
		%>
		<font color="black" style="float:center; size: 10">
		<table border="0"><%
		while(itr.hasNext()){%>
		<tr><td width="100" height="20"><a href="" class="ab"><b>
		<%	out.println(itr.next()); %></b></a></td></tr>
		<%
			}
		%>
		</table>
		</font>
		</div>
		<div style="float:right; margin:100px 70px 10px 10px; width:200px; height:350px" class="divBorder">
		<font color="#3B5998" style="float:center"> Employee Work Code:</font>
		<hr width="90%" size="3" />
		</div>
		
		
		<div style="float:center; margin:180px 0px 10px 0px; width:50px; height:30px">
			<button type="button"><img src="img/right.jpg" height="40" width="60" alt="Save icon"/></button>			
		</div>
		<div style="float:center; margin:50px 0px 10px 0px; width:50px; height:30px">
			<button type="button"><img src="img/left.jpg" height="40" width="60" alt="Save icon"/></button>			
		</div>
		<div style="float:center; margin:140px 0px 10px 0px; width:50px; height:30px">
			<html:submit value="Assign Work Code"/>
		</div>
	
	</div>
	</center>
	<%
	}
%>
</body>
</html>

Scriptlets in a JSP?

In 2012?

In any case -- this is a JavaScript issue so posting JSP code is not helpful. Post the rendered HTML and your JavaScript code, and let us know where you are having problems.

oh Sorry ... Bear ! I'll post it again after replacing all the scriptlet code by JSTL library... I'll also find some java script and post here... after then you can help me ..
Lets cook some code myself and let you make that Tasty...