Sending more than one name value pair via ajaxRequest.add()

Question

Hi all,
I'm implementing AJAX in Oracle Application Express to perform DML operations on a table. I need to send more than one name value pair via the ajaxRequest object. Can someone guide me how to achieve this? Say for example i need to send 2 values(need to send 2 form elements when submit button is clicked) P3_region and P3_scope. i tried the following methods.
Method 1:
======
ajaxRequest.add('P3_region',document.getElementById('P3_region').value);
ajaxRequest.add('P3_scope',document.getElementById('P3_scope').value);
Method 2:
======
ajaxRequest.add('P3_region',document.getElementById('P3_region').value,'P3_scope',document.getElementById('P3_scope').value);
Neither of them is fruitful. Can someone guide me how to achieve this?
Regards,
Balaji Radhakrishnan.

Answer 1

Hi Roel,
The javascript goes like this.
<script language="JavaScript" type="text/javascript">
function getElement1()
document.getElementById('P3_Element1').value = '';
var ajaxRequest = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=Element1Process',0);
ajaxRequest.add('P3_Element2',document.getElementById('P3_Element2').value);
ajaxRequest.add('P3_Element3',document.getElementById('P3_Element3').value);
ajaxRequest.add('P3_Element4',document.getElementById('P3_Element4').value);
ajaxRequest.add('P3_Element5',document.getElementById('P3_Element5').value);
ajaxRequest.add('P3_Element6',document.getElementById('P3_Element6').value);
ajaxResult = ajaxRequest.get();
if(ajaxResult)
var wsArray = ajaxResult.split("~");
document.getElementById('P3_Element1').value = wsArray[0];
</script>
The application Process goes like this..
declare
v_Element1 VARCHAR2(60);
begin
select distinct Element1 into v_Element1 from TableA where Element2=:P3_Element2 AND Element3=:P3_Element3 AND Element4=:P3_Element4 AND Element5=:P3_Element5 AND Element6=:P3_Element6;
htp.prn(v_Element1);
exception
when others then
v_Element1 := 'Invalid Header Combination';
htp.prn(v_Element1);
end;
The requirement goes like this..
When i give Element2, Element3,Element4,Element5,Element6 as input in the form page the Element1 should get displayed automatically without refreshing the page. But when i use the above javascript and application process i get the Element1 loaded with some html scripts. I call the javascript using onChange() function.
Regards,
Balaji Radhakrishnan.