Cascading LOVs in a tabular form - 2 fields

Question

Hi
Since I cannot find the original thread to VIKAS sample application
http://apex.oracle.com/pls/otn/f?p=24317:9:702016961545771
anymore, could someone help me to adopt & strip down his example to only have 2 select fields dependent on each other
This is the JavaScript I currently have from his site
<HEADER>
<script type="text/javascript">
function appendToSelect(pSelect, pValue, pContent)
var l_Opt = document.createElement("option");
l_Opt.value = pValue;
if(document.all){/* why is ie different ask bill */
pSelect.options.add(l_Opt);
l_Opt.innerText = pContent;
else {
l_Opt.appendChild(document.createTextNode(pContent));
pSelect.appendChild(l_Opt);
var g_products=new Object;
var g_sales_reps=new Object;
function replace_select_list(pSelect,pXML)
var l_Count = pXML.getElementsByTagName("option").length;
pSelect.length = 0;
for(var i=0;i<l_Count;i++){
var l_Opt_Xml = pXML.getElementsByTagName("option");
appendToSelect(pSelect, l_Opt_Xml.getAttribute('value'), l_Opt_Xml.firstChild.nodeValue)
function get_ajax_select_xml(pThis)
var l_Return = null;
var l_td=html_CascadeUpTill(pThis,'TD');
var l_products=l_td.nextSibling.getElementsByTagName('select')[0];
var old_product;
if (l_products.options.length>0) old_product=html_SelectValue(l_products);
var l_sales_reps=l_td.nextSibling.nextSibling.getElementsByTagName('select')[0];
var old_rep;
if (l_sales_reps.options.length>0) old_rep=html_SelectValue(l_sales_reps);
if (g_products[pThis.value] && l_products) {
replace_select_list(l_products,g_products[pThis.value]);
if (old_product) html_SetSelectValue(l_products,old_product);
else {
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=get_products',html_GetElement('pFlowStepId').value);
get.add('TEMPORARY_ITEM',pThis.value);
gReturn = get.get('XML');
if(gReturn && l_products) { replace_select_list(l_products,gReturn); if (old_product) html_SetSelectValue(l_products,old_product);}
g_products[pThis.value]=gReturn;
get=null;
if (g_sales_reps[pThis.value] && l_sales_reps) {
replace_select_list(l_sales_reps,g_sales_reps[pThis.value]);
if (old_rep) html_SetSelectValue(l_sales_reps,old_rep);
else {
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=get_sales_reps',html_GetElement('pFlowStepId').value);
get.add('TEMPORARY_ITEM',pThis.value);
gReturn = get.get('XML');
if(gReturn && l_sales_reps) {replace_select_list(l_sales_reps,gReturn);if (old_rep) html_SetSelectValue(l_sales_reps,old_rep);}
g_sales_reps[pThis.value]=gReturn;
get=null;
</script>
<FOOTER>
<script type="text/javascript">
function getCellIndex(pRow,pCell)
if (document.all) {
for(var j=0;i<pRow.cells.length;j++)
if(pRow.cells[j] == pCell) return j;
return pCell.cellIndex;
function fire_onchange()
var td_manufacturer=html_GetElement('MANUFACTURER');
var l_cellindex=getCellIndex(td_manufacturer.parentNode,td_manufacturer);
var l_table=html_CascadeUpTill(td_manufacturer,'TABLE');
for (var j=1;j<l_table.rows.length;j++) {
var l_cell=l_table.rows[j].cells[l_cellindex];
var l_select=l_cell.getElementsByTagName('select')[0];
if (l_select && l_select.onchange) l_select.onchange();
fire_onchange();
</script>
ON DEMAND PROCESS (get_products)
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('<select>');
for rec in (select val from products
where manufacturer=:TEMPORARY_ITEM)
loop
htp.prn('<option value="' || rec.val || '">' || rec.val
|| '</option>');
end loop;
htp.prn('</select>');
end;
Also does it make a difference if the temporary item (condition) is a string value rather than a numeric value?
Thanks a lot!
David
Message was edited by:
swosh

Answer 1

Swosh,
I think that this approach is better than the one from Vikas:
http://htmldb.oracle.com/pls/otn/f?p=31517:176
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://htmldb.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------