Automatic population of multiselect based on select list

Question

Hi,
I have an issue in populating in multiselect from the data in select list.
Let me take an example and explain.
I have 3 tables: Employee, Department and a linking table for employee and department.
The select list contains employee and department is a multiselect. On selection of Employee, all the departments should be displayed and the department to which employee belongs(which is taken from the linking table) should be selected (High-Lighted). How do I do this?

Answer 1

Hi,
I am trying this on three tables…DEPT, EMP, DEPT_EMP wit a select list(P1_EMP) and a multiselect (P1_DEPT).
Dept has two columns (ID and Deptname). It has two rows.
DEPT
Id |Deptname
1. HR
2. OPERATION
Emp has two colums (ID and Empname)
EMP
Id|Empname
1. Jason
2. Pam
Dept_Emp has three columns (ID, Employee ID which refers to the EMP.ID, DeptID which refers to the DEPT.ID)
DEPT_EMP
Id| Employeeid | DeptId
1. 1 1
2. 2 2
As shown , Jason belongs to HR and Pam belongs to OPERATION.
I have tried the following steps:
1. OnChange of Employees drop down list(P1_EMP), I have called a javascript function.
<script type="text/javascript">
function getDepartments(filter, listName)
var employee = filter.value;
var list = document.getElementById(listName);
var listvalue = list.value;
var get = new htmldb_Get(null,$v('pFlowId'), 'APPLICATION_PROCESS=GET_DEPARTMENTS_FOR_EMP',0);
get.add('G_EMPLOYEE', employee);
ret = get.get('XML');
if(ret)
var s = ret.getElementsByTagName("select");
if(s){
var o = ret.getElementsByTagName("option");
var oCount = o.length;
list.options.length = 0;
var i=0;
while(i<oCount)
var l_Opt_Xml = o [ i ];
appendToSelect(list, l_Opt_Xml.getAttribute('value'), l_Opt_Xml.firstChild.nodeValue);
i=i+1;
list.value = listvalue;
if (list.selectedIndex == -1)
list.selectedIndex = 0;
get = null;
function appendToSelect(pSelect, pValue, pContent) {
var l_Opt = document.createElement("option");
l_Opt.value = pValue;
if(document.all){
pSelect.options.add(l_Opt);
l_Opt.innerText = pContent;
} else {
l_Opt.appendChild(document.createTextNode(pContent));
pSelect.appendChild(l_Opt);
</script>
2. The Javascipt function calls in a application process(GET_DEPARTMENTS_FOR_EMP) and I have also created an application item(G_EMPLOYEE) for the same.
declare
begin
owa_util.mime_header('text/xml', FALSE );
htp.p('Cache-Control: no-cache');
htp.p('Pragma: no-cache');
owa_util.http_header_close;
htp.prn('<data>');
htp.prn('<select>');
for rec in (
select distinct "DEPT"."Deptname" d, "DEPT"."ID" r
from "DEPT","DEPT_EMP "
where " DEPT_EMP "."DeptID"="DEPT"."ID"
and " DEPT_EMP "."EmployeeID"=:G_EMPLOYEE
order by 1
loop
htp.prn('<option value="' || rec.r || '">' || rec.d || '</option>');
end loop;
htp.prn('</select>');
htp.prn('</data>');
end;
The employee multiselect(P1_EMP), initially has a “Select employee”. Upon selecting Jason, it should show, all departments and highlight HR. The same for Pam.
But it is showing only the departments for the employee. If I modify the application process query to show all employees in that department, how do I highlight only that employee?
Edited by: 841762 on Mar 7, 2011 1:50 AM