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.

Similar Messages

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

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 create LOV(select List) with all LDAP users

Hello,
I am trying to create a selected list with all the users in my LDAP, note my LDAP is synchronized with my OID.
Any suggestions, I'm searching the the pl/sql statment?
Thanks
Hussam

Hi Hussam,
Take a look at my comments in the following two threads -
Re: LDAP
Re: Cookie And LDAP
The two different threads discuss the methods I use to do what you want to do (so you really need to 'combine' the two different threads).
Hope this helps

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.

SharePoint Designer 2013 (2010 Platform Workflow) - How can I create a new list item with a SPECIFIC content type?

In SharePoint 2010 I created workflows that used the 'Create list Item' Action, which then set the Content Type ID (so I could create documents of various types in a document library).
We just switched to the SharePoint 2013 platform, and now the drop down for Content Type ID is blank in all of the workflows that are still using the SharePoint 2010 platform. Is there any way to create a list item with specific content
type? Even if I could just input a string into that field instead of using this blank drop-down. Please help!

Hi Sarah,
According to your description, my understanding is that you cannot create a new list item with a specific content type using SharePoint 2010 Platform Workflow.
I tested the same scenario in my environment, and the Create List Item worked fine with the specific content type.
How did you create the content type?
Please check if the content type is added to the list/library the workflow associated with.
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Error in creating dynamic select list

Hi all,
I am creating a select list at runtime by using the following code.
While submitting, I got error.
ERROR:
ORA-06550: line 13, column 1: PLS-00428: an INTO clause is expected in this SELECT statement
My Code behind is:
SELECT HTMLDB_ITEM.SELECT_LIST_FROM_QUERY_XL(1,ename,'select distinct ename r, ename t from emp') FROM emp;
Then I modified the above code as :
SELECT HTMLDB_ITEM.SELECT_LIST_FROM_QUERY_XL(1,ename,'select distinct ename r, ename t from emp') [b]into test FROM emp;
(NOTE:where datatype of test is CLOB)
I am getting following error:
ORA-01422: exact fetch returns more than requested number of rows
Can anybody tell me, what should be the datatype of test to get rid of this error OR is there some other way to overcome this problem?
Thanks,
Dinesh

OK I got it working... Mostly... I don't know if it was a combination of changes that made the difference, but I'll put down what I did. First, I switched my select object in the form bean into just a string type from a string array (it was allowing the selection of one entry anyways). Second, rather than just blanking out the options map, I also blanked out the select object [eg form.setSelect("")].
Now when I select an entry and click delete, the resulting select list is short one visible element. However, you can still select the blank spot where that last entry used to be. However, this is not a huge issue for me now; I will investigate this at a later time.

Reducing Select list options with keyboard actions - JavaScript help

ApExperts,
My users want a select list with similar functionality to one in MS Access. They want to put the focus on it, then start typing and have their keystrokes 'search' the options. For example, if the select list contains the following entries:
11111
12345
22222
33333
44444
55555
and they type 1 then 2 then 3, they want the element 12345 to be selected, however, an HTML select list widget selects 11111 then 22222 and finally 33333.
I'm hoping JavaScript might be able to do this but I don't know how to code it. I've searched this forum and other web sites but have found nothing useful.
So, is it at all possible and, if so, can you give me an idea of what triggering event to code for and what code to use?
Thanks,
X

BTW, that thread continued - with more options - here:
AJAX, Javascript or just good coding? LOV that filters as you type??
If the select list is fixed, you don't need to pull results back from the server as the user types. Then you could try something like this:
http://www.oreillynet.com/pub/a/javascript/2003/09/03/dannygoodman.html
Doug
Message was edited by:
dccase

Create a select list using AJAX

Hello,
I saw Carl Backstrom and Scott Spendolini examples on how to use AJAX to populate a related item, based on a select list. What I'm looking for is the reversed angle.
I have a TextItem, and I want to generate a select list based on that TextItem, something like this:
select code, desc
from Table
where code like TextItem
Is it possible with AJAX? (in the current examples I gat lost in the on demand application process How, if possible, to render the select list using the HTP package.)
Greatly appreciate the help
Arie.

Carl,
I hope you can help with this, from reading the forum, you seem to have a lot of experience with AJAX and Application Express. I have found your examples within the forums and can not get them to work on my servers. I am on version 2, and a 10g database. I am attempting to place 4 select lists on a page. Each one (with exception from the first) will be dependent on the previous. To make is simple I have started with only 2 select lists. The first select list (p1_select1) is a list of departments. The second list (p1_select2) should populate with the users who belong to the department selected from p1_select1. I can not seem to get the second select list to load. I have attempted to follow your code as best I could, I can see on the page that it has created the xml data, however it just does not populate the second select list. Here is a summary of what I have.
Thanks for lookin.
Mike
Page Regions:
HTML: main (10)
Region Header:
<script language="JavaScript1.1" type="text/javascript">
function f_Get_Data(pThis,pSelect_Source,pSelect_Target){
var l_Return = null;
var l_Select = html_GetElement(pSelect_Target);
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,'APPLICATION_PROCESS=Get_Data',0);
get.add(pSelect_Source,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){/* 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);
</script>
Items
Region: main
10: P1_TEXT1 Select List
20: P1_TEXT2 Select List
P1_TEXT1 Form Element:
onChange="javascript:f_Get_Data(this,'P1_TEXT1','P2_TEXT2')";
APPLICATION PROCESS "On Demand" Get_Data:
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('<select>');
for rec in (select ENAME , EMPNO
from EMP where DEPTNO = :P1_text1) loop
htp.prn('<option value="' || rec.EMPNO || '">' || rec.ENAME || '</option>');
end loop;
htp.prn('</select>');
exception
when no_data_Found then
null;
end;

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

Unable to create LOV (Select List)

As per the dev. guide, I am trying to create a Parameterized Report. When I tried the example given in the guide it works for the sample application. But when I try for my application (based on HR data) it does not work.
The steps I am following are same as dev. guide.
a) Create a New Page
b) Create the Query Region
Here I am giving the following query :
Select e.first_name,e.last_name,e.salary,e.job_id,d.department_name
from employees e, departments d
where e.department_id = d.department_id
and ( d.department_name = :P700_SHOW or :P700_SHOW = 'ALL' )
c) Adding an Item
But here when I select an Item as "Select List" and when I move to the page "Identify List of Values", here for the field Named LOV, it does not populate with any value, like it does for the sample application.
Also if i try giving the above query in the text box (List of Values query), it does not allow me to move ahead and throws follo. error:
" LOV query is invalid, a display and a return value are needed, the column names need to be different. If your query contains an in-line query, the first FROM clause in the SQL statement must not belong to the in-line query."
Can some help me on this? And also I am not able to understand, that for this exercise (parameterized report) why they have taken only sample application and not helped the dev. to create its own.

Hi,
You need to set up a "Named LOV" - go to Shared Components=>Lists of Values to create a LOV for the departments. This should be a "Dynamic" LOV, using the following SQL:
select department_name d, department_id r
from departments
order by 1
Give it a name like "DEPTS_LOV" and this will then be available for your select list.
Regards
Andy

How to create Dynamic Selection List containg file names of a directory?

Hi,
I need a Selection List with a Dynamic List of Values containing all file names of a particular directory (can change through the time).
Basically, I need an Iterator over all file names in a directory, which could be used for Selection List in a JSF form.
This iterator has nothing to do with a database, but should get the names directly from the file system (java.io.File).
Can anybody tell me how to create such an iterator/selection list?
I am working with JDeveloper 10.1.3.2, JSF and Business Services.
Thank you,
Igor

Create a class like this:
package list;
import java.io.File;
public class fileList {
    public fileList() {
    public String[] listFiles(){
    File dir = new File("c:/temp");
    String[] files = dir.list();
    for (int i = 0; i < files.length; i++) {
            System.out.println(files);
return files;
Right click to create a data control from it.
Then you can drag the return value of the listFiles method to a page and drop as a table for example.
Also note that the Content Repository data control in 10.1.3.2 has the file system as a possible data source.

Large Select List fails with ORA-6502

Creating a large select list with htmldb_item.select_list_from_query_xl causes an ORA-6502 when the resulting select list contents are larger than an arbitrary value.
For example, if the query for the select list returns a display value of up to 50 characters and a numeric id return value of up to 10 digits, we have to arbitrarily include "where rownum < x" (where x is some arbitrary value) in the query to get results; otherwise when the page is run we get the ORA-6502.
For regular select lists with long results we can get around the problem using htmldb_item.popup_list_from_query but to generate multiselect lists we have to use the htmldb_item.select_list_from_query_xl an include the attribute "multiple".

Can we get that added to the API documentation? The spec simply states the function returns a CLOB, implying that it would support the max size of a CLOB supported by the database (4GB in 9iR2 as I recall).
Granted, one should not expect a 4GB web page to be returned using the function call, but a page larger than 32KB isn't entirely unreasonable, especially since this product is geared towards intranet and departmental apps (ie corporate LAN environment).
An alternative enhancement would be to implement multiselects via the popup list mechanism, allowing users to select multiple items as they "page" or search thru the values for that field.

Increase value of Select List Item with a Button

Hi all,
I've got an apex appli which is working well.
In one report page I use a select list with a LOV, but I want to "enhance" this functionality:
I need a kind of button which increments the item-value of the select list by 1,
so that the user can easily skip to the next value of the LOV without scrolling thru the select list.
Unfortunately I dont't get it working. Has anyone an idea how to realize that?
thanks in advance
Frank

Hello Frank,
Assuming your select list item is called P1_SELECT, you can define an HTML button, next to the item, that will do the trick.
In the Post Element Text field of P1_SELECT, you can have similar code to the following:
<input type="button" value="Next Value" onclick="$x('P1_SELECT').selectedIndex+=1;" />Hope this helps,
Arie.

Dynamic select list crashes with php

HI All,
I can't seem to get a dynamic select list to work in
dreamweaver. It completly crashes everytime I try adding it to my
page. I found someone else in the forum who had the same problem
but no one ever responded. I've tried several things including
putting just the record set and dynamic select on it's own page
with no other code on it. It still crashes DW. I also tried coding
it myself by making a listmenu and modifying it so that the option
value equals a PHP echo of a value. It crashed there too. Does
anyone have a piece of code with a working dynamic select list that
uses a record set that I could look at? That way I can see where
I'm going wrong. All I'm trying to do is get a simple drop down
select list of employee names so someone can choose their name to
get commission. It's a one table, 2 fields (first & last name)
record set.
Using DW CS3, php & MySQL.,windows XP Pro
Any help would be really appreciated!

AthroughZ wrote:
> I can't seem to get a dynamic select list to work in
dreamweaver. It
> completly crashes everytime I try adding it to my page.
It looks as though you have a corrupt cache file. Follow
troubleshooting
step 4 in the following technote:
http://www.adobe.com/go/tn_19105
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS4",
"PHP Solutions" & "PHP Object-Oriented Solutions"
http://foundationphp.com/

Creating dependent select list menus with javascript

Similar Messages

Maybe you are looking for