AJAX dependent Select lists

Can anyone please help me figure out where am going wrong?
I have 2 regions on page 1. Region 1 is supposed to have 2 drop down lists (cascading i.e values in second drop down Drop List HJ are dependent on value selected in first lov Ajax Select HJ). Region 2 will be a report.
I am trying to create AJAX cascading lovs based on eg. provided on carl's application so that Region 2 is not refreshed each time I select a value from the drop down's
[http://apex.oracle.com/pls/apex/f?p=36391:37:1510004986327720::NO:RP::]
I have downloaded the application and tried to do the exact same steps, but my child lov is not updating its values after I select a value from in Ajax Select HJ.
My application is available at http://apex.oracle.com/pls/apex/f?p=33829:1:2010637670427735:::::
Appreciate any help on this
Thank you
Deepu

Thank you Denes !! The example really helped me. Now I am stuck at the next level. I am new to apex and learning and building dashboard for my organization. So, please bear with me.
I have a page that is divided into 4 regions. Each region displays a chart that is generated dynamically. When I say dynamic, each region has 2 drop down lists.
First pull down has Org and Year as values, if they wish to view chart by Org or Year. If they choose Org, second drop down defaults to Org. If they choose Year, second drop down displays Year's as 2010, 2009,2008 so on. Depending on which year they choose they should be able to view that Year's chart by month in that region.
Initially I had used select lists with submit for drop down's but that was refreshing the whole page. But now after using your example with AJAX I was able to accomplish the cascading Lov's stuff. Now, after user selects a value in second drop down, is there a way that I can display the chart and refresh only that region each time user selects a value from the drop down.
I want to avoid refreshing the page each time, I need each region to refresh based on user selection in drop down's. Is this possible in apex? Is there any example that you could direct me to.
Thank you so much for all your inputs. Appreciate it very much
Deepu

Similar Messages

APEX Ajax Cascading Select List Tabular

Hi everyone,
We’re developping in APEX 4.X.
I went to your blog « Denes Kubicek - ApEx Solutions », it’s very interesting
http://apex.oracle.com/pls/otn/f?p=31517:176:384744492803038:::::
I tried to create something as Mr Kubicek did to get an Ajax Cascading Select List Tabular.
In step 5, he says the rest of the code if you apply for an account". Do we need to add a lot of code to get success ?
Is there someone who tries to do like Mr Kubicek did ?
Thanks in advance. Bye.
Eric.

Hi everyone,
I looked at Mr Kubicek solutions about tabular form and I asked him to get access to his workspace. But I’m not sure to get all I need.
I have a two select list named Activities and Entity. I want that Entity depends on Activities. Those list values come from respectively table h4_activities and h4_activity_entity.
But, when I show the tabular form, I want to see records which is in table h4_activity_day. I don’t want to see only my two select lists.
I think tabular form should be interesting.I want your advice.
But, I need something like a select list with a LOV and SOURCE.
Thanks in advance.
Have a great day. Bye
Eric

Loading multiple dependent select lists

What is the best way to load select lists that are dependent on the previous one?
ex.
Select School
based on school you select the subjects
select subject
based on subject you select the courses,
etc
I'm trying to stay away from as much javascript as possible.
thanks for the help!
Michael

You can use javascript, or resubmit the page and laod the dependant select list based on what was selected.

Embarrassing questions.. :/ Dependent Select Lists

One more embarrassing question to feature my narrow knowledge.
I want to create dependent select lists. Have tried following the procedure as in help:
<p>You can have one LOV drive another LOV by: </p>
<ul>
<li type="disc">
<p>Creating a basic form. </p>
</li>
<li type="disc">
<p>Defining two lists of values. Note that the driving LOV must submit the page after a value is chosen. </p>
</li>
<li type="disc">
<p>Defining a branch that branches back to the current page. </p>
</li>
</ul>
<p>Consider the following example. The first LOV enables the user to pick a state. </p>
<pre xml:space="preserve">SELECT state_name d, state_id v FROM states </pre>
<p>The second LOV selects the country name and country ID based on the state selected in the first LOV. </p>
<pre xml:space="preserve">SELECT county_name d, county_id v FROM counties WHERE state_id = :Px_STATE_ID </pre>
I try to follow the procedure and I get nothing in list two.
I am trying to make it this way that if a country selected in 1st list then only regions to that country get listed in 2nd select list.
Can someone "spell" this out for me? With an example? I had previously asked similar question here and never figured out solution out of it, so I am embarrasingly asking once more...
Hrefna the persistent

Hi Earl,
Can you please help me out? Hope so.
I then created a page with a text field called
P1_EMPNO.You're not using select list items on the page? That's what this thread is about - although the specifics can be adapted to other page item types.
I added onblur="get_AJAX_SELECT_XML(this,'P1_ENAME')"
in the Form Element Attributes.
My question is, how do I create P1_ENAME? Is it a
LOV, text, etc.Don't know. What are you trying to accomplish? I thought you wanted one select list item to help you narrow down the number of items in a second select list - but it sounds like you've got something else going on. Please explain exactly what your UI requirements are.
Earl

How to create dependent Select Lists?

Hi,
Found in the documentation that to create dependent select list we have to do these 3 things:
1. In the parent select list, choose the option "select list with submit".
2. Defining a branch that branches back to the current page.
3. In the child select list sql, use the value of the parent (eg. :P6_PARENT_SELECT_VALUE).
When I change the value of parent select list the page is getting submitted and its going to the parent page. I've a branch that goes to the parent page but how to create a branch that comes back to the same page and then use it in parent select list?
Thanks,
Hozy

Hi Hozy,
1. Make the branch conditional...
2. Create a new branch while will run when you make a selection in parent select list.
Also check this site to create dependent select list without sumbitting the page....
http://www.dba-oracle.com/t_html_db_apex_ajax_application_express.htm
Regards,
Shijesh

Creating dependent select list menus with javascript

Hi Everybody,
I m creating parent and child select list menu. Value of Child menu would be dependent on the value selected in the parent menu. I have tried to implement a code from adobe labs (http://kb2.adobe.com/cps/149/tn_14924.html) but many strange javascript errors are coming up.
My code is given below:
<?php require_once('../Connections/connection.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
mysql_select_db($database_connection, $connection);
$query_sector = "SELECT * FROM sector WHERE media_code = 100 ORDER BY sector_desc ASC";
$sector = mysql_query($query_sector, $connection) or die(mysql_error());
$row_sector = mysql_fetch_assoc($sector);
$totalRows_sector = mysql_num_rows($sector);
mysql_select_db($database_connection, $connection);
$query_rsList2 = "SELECT subsector_code, subsector_desc, sector_code FROM sub_sector ORDER BY sector_code ASC";
$rsList2 = mysql_query($query_rsList2, $connection) or die(mysql_error());
$row_rsList2 = mysql_fetch_assoc($rsList2);
$totalRows_rsList2 = mysql_num_rows($rsList2);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script >
</script>

<script >

</script>
</head>
<body onload="MM_callJS('setDynaList(arrDL1)')">
<form action="#" method="get" name="form1">
<select name="selList1" onchange="MM_callJS('setDynaList(arrDL1)')">
<?php
do {
?>
<option value="<?php echo $row_sector['sector_code']?>"><?php echo $row_sector['sector_desc']?></option>
<?php
} while ($row_sector = mysql_fetch_assoc($sector));
$rows = mysql_num_rows($sector);
if($rows > 0) {
      mysql_data_seek($sector, 0);
      $row_sector = mysql_fetch_assoc($sector);
?>
</select>
</form>
<form action="#" method="get" name="form2">
<select name="selList2"></select>
</form>
</body>
</html>
<?php
mysql_free_result($sector);
mysql_free_result($rsList2);
?>
The javascripts errors that I m getting are :
Syntax error test.php, line 20 character 1
'arrDL1' is undefined test.php, line 74 character 3
'arrDL1' is undefined eval code, line 1 character 1
Note: I have bolded the lines where error is coming up.
If more info is needed please tell.
Please Help,
Thanks in Advance

You'd probably have to put a copy of the app on apex.oracle.com for a complete diagnosis, but you could maybe just check that the Source Used attribute for teh select list is set to 'Only when current value in session state is null' and not the 'Always' option.
Regards,
John.

AJAX Dynamic Select List

Hello Ladies and Gentlemen,
I have a Select List, :P9_ELEMSTRUCTSAISIEPARCBO, based on a hidden item, :P9_NOSAISIEPAR, and this is the query it's based upon:
select Description, ElemStructID
from V_ElemStruct, V_Dispensateur
where DispensateurID = DispensateurIDResponsable
and NumeroDispensateur = :P9_NOSAISIEPAR
order by DescriptionI also have a popup page that shows a report with a column link that passes back values to the original page, and one of those values replace :P9_NOSAISIEPAR's current value. I want to reload the Select List via AJAX, so that the changes can be in real-time. I found Carl Backstrom's (He was a wonderful man) tutorial on his application (http://apex.oracle.com/pls/otn/f?p=11933:37) and decided to try it. But it just won't work, and I have no idea why.
I know the popup works just fine, and I tested the On Demand Application Process in the SQL Commands of the SQL Workshop and it seems to be working just as fine. Thus, I've narrowed it down to the thought that the JavaScript must be the problem, logically.
Here is the code for the "HTML Form Element Attributes" of the :P9_NOSAISIEPAR hidden item:
onChange="f_PopulateField(this,'P9_ELEMSTRUCTSAISIEPARCBO')"Here's my on Demand Application Process:
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
     Description as Description,
     ElemStructID as ElemStructID
   from
     V_ElemStruct,
     V_Dispensateur
   where
     DispensateurID = DispensateurIDResponsable
     and NumeroDispensateur = :F102_TEMP_APP_ITEM
   order by
     Description
) loop
htp.prn('<option value="' || rec.ElemStructID || '">' || rec.Description || '</option>');
end loop;
htp.prn('</select>');
end;and here's my JavaScript:
function f_PopulateField(pThis,pSelect)
var l_Select = $x(pSelect);
var l_Return = null;
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=PopulateField',0);
get.add('F102_TEMP_APP_ITEM',pThis.value)
gReturn = get.get('XML');
if(gReturn && l_Select)
    var l_Count = gReturn.getElementsByTagName("option").length;
    l_Select.length = 0;
    for(var i=0;i<l_Count;i++)
      var l_Opt_Xml = gReturn.getElementsByTagName("option");
appendToSelect(l_Select, l_Opt_Xml.getAttribute('value'),l_Opt_Xml.firstChild.nodeValue)
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);
I have installed FireFox and FireBug, and I tried to debug my JavaScript, and that made me realize something. In the FireBug's HTML tab, :P9_NOSAISIEPAR doesn't have any onChange events mapped to it (and all my other items which should have an event mapped to them do have one).
<input type="hidden" id="P9_NOSAISIEPAR" value="2222" name="p_t63">compared to:
<select onchange="$f_Show_On_Value_Item('P9_SECURITAIRE','P9_NOTEACCOMPAGNATEUR',1)" id="P9_SECURITAIRE" size="1" name="p_t23">So, my best bet is that the JavaScript doesn't even get executed by the page at all (it's not appearing in FireBug's JavaScript tab at all either). Any idea why?
Best regards,
Mathieu

I finally found a way to do it. When selecting my value in my popup page, I show my hidden field, change the value, manually call the onChange event, hide back my hidden field, and then close the popup. That way the onChange event fires in IE. Afterwards, as a workaround to the XML not being recognized by IE, I changed
get.get('XML')for
get.get()to get a string instead of some XML, and I parsed it to XML DOM using a manual parser (because IE is too weak to have its own). Here is the code for the DOMParser.
if (typeof DOMParser == "undefined")
    DOMParser = function () {}
    DOMParser.prototype.parseFromString = function (str, contentType)
      if (typeof ActiveXObject != "undefined")
        var d = new ActiveXObject("MSXML.DomDocument");
        d.loadXML(str);
        return d;
      else if (typeof XMLHttpRequest != "undefined")
        var req = new XMLHttpRequest;
        req.open("GET", "data:" + (contentType || "application/xml") +
                         ";charset=utf-8," + encodeURIComponent(str), false);
        if (req.overrideMimeType)
          req.overrideMimeType(contentType);
        req.send(null);
        return req.responseXML;
}It wasn't written by me, I found it on Erik's Weblog (http://erik.eae.net/archives/2005/07/03/20.19.18/), so all credit goes to him.
Best regards,
Mathieu

Dependent Select Lists

i am not able to do this
I have two fields
one item is select list with value as Month/Year
another item is not edit-able one ,
but the value should be populated based on the selection in the previos item
if item1 value is ='Month'
populate item2 as Yes
else item1 value is ='Quarter'
populate item2 as No
iam very new to this,
please help me step by step procedure,
thanks

Hello,
There is a couple different ways to do this here is a link to one way
How to make LOV's reference other LOV's on the form page
and here is a link to another way
http://forums.oracle.com/forums/thread.jspa?threadID=260481
If neither of these work for you just do a search for select list in the forum and you'll get quite a few hits.
Carl

How to do dependent select list based on parent select list

Hello... I have the following bit of code...
*parent select
htmldb_item.select_list_from_query(1,null,'select program_desc_eng, program_id from myfps_programs')
* child select using parent value
htmldb_item.select_list_from_query(2,null,'select sub_pgm_desc_eng, sub_program_id from myfps_sub_programs where program_id = <VALUE FROM ABOVE?>')
I know this is easily done using the select list form items and such but I need to use the htmldb_item function. On screen when a user selects value from the parent select list, I want the child select list to use the value of the parent as a parameter into its own select list. How can I reference the parent? (ie can I use htmldb_application.g_f01(1) or something of this nature?) I realize I may need a bit of javascript to have it work correctly but I'm just wondering if its possible?

This is not a trivial task.
See http://forums.oracle.com/forums/thread.jspa?messageID=1241356

AJAX Select Lists on Updateable Reports

All,
I have followed the examples from Karl and Sergio's blog on how to use AJAX to contol dependent LOV lists in a form. My question is, can this be done in an updateable report? I'm having difficulty in determining how to reference the column names of the dependant lists.
What I basically have is a time app. User selects his project from a picklist and then his associated tasks for that project will appear in the task list. I have used the updatable report option to build this rather then a form, because I liked the prebuilt add row and processing functionality.
Anyway if anyone knows how to use AJAX dependant select lists in an updateable report it would be greatly appreciated.
Thanks
Rob

See http://forums.oracle.com/forums/thread.jspa?messageID=1222153&#1222153

Apex 4.0 Cascading Select List: ajax problem with german umlaute

Hi everybody,
Apex 4.0
Dad PlsqlNLSLanguage: GERMAN_GERMANY.WE8MSWIN1252
I have problems with german umlaute and ajax cascading select lists (Cascading LOV Parent Item).
The data is populated without a page refresh in the select list when the parent select list changes but special signs like german umlaute are shown as weird characters.
Seems like there is some charset problem with ajax.
This is the only part of the application where special signs like umlaute are messed up. Everything else is fine.
I allready tried to figure out if I can escape the umlaute in the javascript (file apex_widget_4_0.js) but no success here.
Can anybody help me with this issue?
Thanks in advance,
Markus

Hi Markus,
your specified character set in your DAD is wrong. As mentioned in the installation instructions at http://download.oracle.com/docs/cd/E17556_01/doc/install.40/e15513/otn_install.htm#CHDHCBGI , Oracle APEX always requires AL32UTF8.
>
3. Locate the line containing PlsqlNLSLanguage.
The PlsqlNLSLanguage setting determines the language setting of the DAD. The character set portion of the PlsqlNLSLanguage value must be set to AL32UTF8,
regardless of whether or not the database character set is AL32UTF8. For example:Regards
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins
Twitter: http://www.twitter.com/patrickwolf

Select List problem

I have 3 select lists: the first two are with submit and the last one is just select list. Each list depends on the previous one.
I have set null and default values for each list. The problem occurs when I first start the application, but after selecting an option in the first list all is fine and when I reset the fields everything works as it should.
So the problem only occurs when the application is first launched....
This is the error message:
Error: ORA-01858: a non-numeric character was found where a numeric was expected performing List of Values query: "SELECT TESTTIME d, TESTTIME r FROM TESTSETUP WHERE TESTDATE = :P3_TESTDATE and TERM = :P3_TERM ".
How can this be corrected?
Any help would be greatly appreciated.
Thank - Greg

I have set null and default values for each list
These values are not available in committed session state for the subsequent select lists to use.
Solution: Create a OnLoad Before Header computation (conditional upon the value of the select list being null) to set it to whatever null/default value you want. This will "initialize" the value so that your dependent select lists can work properly.

Cascading Select Lists - Not Working for me

I am trying to implement Denes Kubicek's Ajax Cascading Select List solution.
http://apex.oracle.com/pls/otn/f?p=31517:119
But it is not working for me.
I'm a newbie to APEX and checked the forum for advice on cascading select lists. I saw the thread for
"Cascading Select Lists - Not Working" posted by sue and the replies by Varad Acharya, but I'm still
having issues of not seeing the alerts, not able to run the pl/sql process in SQL Workshop, and not
getting the expected results.
I have a list of countries (US - USA, CA - CANADA, etc.) and a list of states for each country. When a
user selects a country I would like to show the list of states within that country.
This is what I've done so far:
Defined an application process:
Process Point: On Demand: Run ... by a page process.
Name: CASCADING_SELECT_LIST1
Process Text:
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>');
HTP.prn ('<option value="' || 99 || '">' || '- All States -'
|| '</option>'
FOR c IN (SELECT state_code || ' - ' || state_desc d, state_code r
FROM tbk_state
WHERE country_code = :cascading_selectlist_item_1)
LOOP
HTP.prn ('<option value="' || c.r || '">' || c.d || '</option>');
END LOOP;
HTP.prn ('</select>');
END;
defined and application item:
Name: CASCADING_SELECTLIST_ITEM_1
Build Option: - No Build Option -
Created a 'Form on a table with report' as follows:
Page 5: Report on TBK_HARDWARE_LOCATION
Page 6: Form on TBK_HARDWARE_LOCATION
in HTML Header of the page attributes for 'Form on TBK_HARDWARE_LOCATION' I have:
<script language="JavaScript" type="text/javascript">

</script>
<script>
function get_select_list_xml1(pThis,pSelect){
var l_Return = null;
var l_Select = html_GetElement(pSelect);
alert ('Dept no=' + pThis.value);
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,
'APPLICATION_PROCESS=CASCADING_SELECT_LIST1',0);
get.add('CASCADING_SELECTLIST_ITEM_1',pThis.value);
gReturn = get.get('XML');
// gReturn = get.get();
alert('Enames=' + gReturn);
if(gReturn && l_Select){
var l_Count = gReturn.getElementsByTagName("option").length;
l_Select.length = 0;
for(var i=0;i<l_Count;i++){
var l_Opt_Xml = gReturn.getElementsByTagName("option");
appendToSelect(l_Select, l_Opt_Xml.getAttribute('value'),
l_Opt_Xml.firstChild.nodeValue)
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>
On Page 6: 'Form on TBK_HARDWARE_LOCATION' I have the following items (plus some others):
Name: P6_COUNTRY_CODE
Display as: Select List
HTML Form Element Attributes: onchange="get_select_list_xml1(this,'P6_STATE_CODE');"
Source Used: Only when current value in session state is null
Source Type: Database Column
maintain session state: Per session
Source value or expression: COUNTRY_CODE
Named LOV: LIST OF COUNTRIES
Name: P6_STATE_CODE
Display as: Select List
Source Used: Only when current value in session state is null
Source Type: Database Column
maintain session state: Per session
Source value or expression: STATE_CODE
Named LOV: - Select named LOV -
List of Values definition:
     select state_code || ' - ' || state_desc d, state_code r
     from tbk_state
     where country_code = :P6_COUNTRY_CODE
     order by 1
LIST OF COUNTRIES is defined as:
select country_code || ' - ' || country_desc d, country_code r
from tbk_country
order by 1
Now to the problem:
I run page 5 (the report) to see the list of locations and then I try to edit a record (page 6). When I
try to select a different country I get the following error (on IE):
"Problems with this web page might prevent it from being displayed properly or functioning properly.
In the future, you can display this message by double-clicking the warning icon displayed in the status
bar.
Line: 17
Char: 5
Error: Object expected
Code: 0
URL: http//cmrac4.cm.timeinc.com:7777/pls/htmldb/f?
p=114:6:1413254636072443110::::P6_HARDWARE_LOCATION_ID:2
I don't see any of the alert messages.
I also tried to run the application process code in the SQL - Command Processor (I replaced
:cascading_selectlist_item_1 with 'CA' or 'US') and got the following:
The XML page cannot be displayed
Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh
button, or try again later.
Only one top level element is allowed in an XML document. Error processing resource
'http://cmrac4.cm.timeinc.com:7777/pls/...
<select><option value="99">- All States -</option><option value="X1">X1 - X1</option><optio...
Can someone help me please?

Varad,
First, thank you for taking the time to try to help me with this problem.
When I view the page's source code (here are the first few lines):
<html lang="en-us">
<head>
<script src="/i/javascript/core.js" type="text/javascript"></script>
<link rel="stylesheet" href="/i/css/core.css" type="text/css" />
<script language="JavaScript" type="text/javascript">

</script>
<script>
function get_select_list_xml1(pThis,pSelect){
var l_Return = null;
var l_Select = html_GetElement(pSelect);
//alert ('Dept no=' + pThis.value);
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,
'APPLICATION_PROCESS=CASCADING_SELECT_LIST1',0);
get.add('CASCADING_SELECTLIST_ITEM_1',pThis.value);
gReturn = get.get('XML');
// gReturn = get.get();
//alert('Enames=' + gReturn);
if(gReturn && l_Select){
var l_Count = gReturn.getElementsByTagName("option").length;
l_Select.length = 0;
for(var i=0;i<l_Count;i++){
var l_Opt_Xml = gReturn.getElementsByTagName("option");
appendToSelect(l_Select, l_Opt_Xml.getAttribute('value'),
l_Opt_Xml.firstChild.nodeValue);
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>
It looks like line 17 is:
var l_Select = html_GetElement(pSelect);
I'm still not sure why I'm getting this error and why it's not working?
Thanks,
Eti

3 Cascading Select Lists?

I've successfully implemented the AJAX cascading select list found on Denes' site, but I need to add a 3rd select list and I have not been successful with that! I've duplicated all of the steps (created a new application process, a new application item, duplicated the javascript functions using different names throughout) but I'm still missing something. My 3rd select list does not populate based on the LOV in my second select list. Is this even possible? Does the pFlowID value have anything to do with it? I tested my application process and my LOV query in the SQL Command window and both worked/returned data. Any ideas?
Thank you!
T

Do you mean this example:
http://apex.oracle.com/pls/otn/f?p=31517:119
It already has three select lists with a full explanation and the corresponding code.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Select List with Submit refreshes page to top force users to scroll down

Hello All,
I have Dependent Select List where this functionality driving select list submit values to a subsequent select list.
The "Select List with Submit" refreshes page where the unintended by-product is page refresh, which returns to top of page and therefore force users to scroll back down.
In other words: I have a long form page where I have a Dependent Select List. So when you change the value of the 1st select list it refreshes the 2nd. This is all fine, but when the refresh occurs, the Form-focus returns to the top of page. This makes the users scroll back down to the lower end of the Form where they left off. This would make usability problems for users.
Anyway we can make the Form return where to the area(Item or Region) where the user was during the selection of the Select List?
Thanks in advance,
Konstantine

HURRAY!! I got it to work perfectly using anchors. I am adding this message to help future ApEx developers.
I have been searching the Forum for 3 days and have read numerous postings. There was a lot of good discussion on anchors and linking from page to page. But, nothing exactly like my situation.
Situation: Have a page, PG4, with a button, PG4_BUTTON, that redirects to a different page, PG7. PG4_BUTTON has its 'Display In Region' field set to PG4_REGION. When PG4 is run and the form displays, the PG4_BUTTON is located at the bottom. When the user would click PG4_BUTTON, the user would be taken to PG7. (this is good) The user enters some data in PG7 fields and then clicks a create button, PG7_BUTTON. PG7_BUTTON would submit data. An After Processing, Go To Page, Branch would be activated when this button was pressed and then the user would be returned to a refreshed PG4, at the top. This forces the user each time to have to scroll down to the bottom of PG4 to continue. (this is NOT good)
Solution: On PG4, I edited the region, PG4_REGION. For the region 'Title' I added an anchor before the actual name. So it looked like this:
{a name="REGION_TO_RETURN_TO"></a}PG4_REGION
please note: where I have the curly braces above '{' '}' you need to put < the pointed and '>'
Next, on PG7, I edited the Branch. On the 'Edit Branch' page, in the 'Action' region, I changed the 'Target type' field from 'Page in this Application' to 'URL'.
To the 'URL Target' text area field I added this:
f?p=&APP_ID.:4:&SESSION.::::::#REGION_TO_RETURN_TO
So, there you have it. If you still need to read other postings, here are a couple of the sites I read:
Re: Lists that go to items
Re: URL target on a button. What is the syntax??
How to use <a name="top">Hello I'm at the top </a> tags in apex url ?
Re: anchor or go to item from a branch
http://www.oracle.com/technology/products/database/application_express/howtos/howto_navigate_in_a_page-1.6.html
http://www.echoecho.com/htmllinks.htm
http://www.htmlcodetutorial.com/linking/linking.html
http://www.w3schools.com/HTML/html_links.asp
Thanks,
Maggie

AJAX dependent Select lists

Similar Messages

Maybe you are looking for