Dynamically change the value of a select list in form based on a table

Question

Hi Friends,
I am using a form based on a table. I want to display two fields as select lists instead of text boxes and when a value
in a select list is selected, the corresponding values will be listed in the next select list. For example if department
value is selected in a select list the employees in that department will be listed in the employee select list. I saw a
metthod using ajax for achieving this in tabular form in Denes's sample application[Click Here| http://apex.oracle.com/pls/otn/f?p=31517:176:462842537250908::NO] .
Is there any way to achieve the same for a form based on a table,
Thanks,
Tj

Answer 1

Hi Andy,
Could you tell me how I could use your example with multiple Application Items?
My page has 3 cascading select lists. The second is dependent on the first and the third is dependent on both the first and second. I thought I would just need to add the second application item as a get, but not sure what the syntax would be. I have troubleshooted to the point where my select list refreshes when I have one in the javascript...just not sure how to add the additional one?
Here's what I have (I have been referencing your 'Get Employees' page)
My Page Items:
P0_VENDOR_ID
P0_VENDOR_SITE_ID
P0_INVENTORY_ITEM_ID
My Application Items:
F_VDR_ID
F_VDR_SITE_ID
My query in the application process has both F_VDR_SITE_ID and F_VDR_ID in it.
My javascript function...this worked OK until I added the additional get.add('F_VDR_SITE_ID')
function getItems(filter, listName)
var xml = null;
var list = document.getElementById(listName);
var listvalue = list.value;
var get = new htmldb_Get(null,$v('pFlowId'), 'APPLICATION_PROCESS=Set_Items',4);
get.add('F_VDR_ID', filter.value);
get.add('F_VDR_SITE_ID', filter.value);
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;
for(var i = 0; i < oCount; i++){
var l_Opt_Xml = o;
appendToSelect(list, l_Opt_Xml.getAttribute('value'), l_Opt_Xml.firstChild.nodeValue);
list.value = listvalue;
if (list.selectedIndex == -1)
list.selectedIndex = 0;
get = null;
Thanks,
Janel