Problem with ajax in tabular form

Question

Hi
I am trying a tabular form which contains two select list. Second select list is to populate according to the value of first select list. I have tried in following ways:
First I have create an application item named ITEM_AJAX and an application process named PROC_AJAX as follows
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 '-Select-' d, -1 r FROM DUAL
UNION ALL SELECT SEL_B_NAME d, SEL_B_ID r FROM
SEL_B WHERE SEL_A_ID = :ITEM_AJAX)
loop
  htp.prn('<option value="' || rec.r || '">' ||
rec.d || '</option>');
end loop;
htp.prn('</select>');
htp.prn('</data>');
end;
Then write following javascript code and placed it in page HTML header
<script type="text/javascript">
function updateSELB(filter, listName){
var xml = null;
var list = document.getElementById(listName);
var listvalue = list.value;
var get = new htmldb_Get(null,$v('pFlowId'), 'APPLICATION_PROCESS=PROC_AJAX',0);
get.add('ITEM_AJAX', 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[i];
appendToSelect(list, l_Opt_Xml.getAttribute('value'), l_Opt_Xml.firstChild.nodeValue)
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>
<script type="text/javascript">
function setSELB(filter, list3)
var s = filter.id;
var item = s.substring(3,8);
var field3 = list3 + item;
updateSELB(filter, field3);
</script>
After that I have create a tabular form and set onchange="javascript:setSELB(this,'f04');" into the element attribute of first select list but it doesn’t work
Please take a look at http://apex.oracle.com/pls/apex/f?p=1968:8    user: suman   pass: suman1
Any help will be appreciated
Thanks
Suman

Answer 1

Hello Joni
There is a error in script but I don't know how to solve it. The error is something like that
ReferenceError: bmi_SafeAddOnload is not defined
bmi_SafeAddOnload(bmi_load,"bmi_orig_img",0);//-->
Do you have any suggestion?
Thanks
Suman