Creating a dependent drop down box in an interactive form?

Hello -
I'm pretty new to Acrobat and not fluent with JS (I'm a chemist), so please forgive me if this seems a silly question:
I'd like to create a form wherein there are two drop down boxes and the choices seen in the second of the two are dependent upon the choice made in the first. An example of such might be a list of departments in the first field and a list of staff in the selected depertment in the second field.
I'm using Acrobat ver 7.0 (Pro) with Designer, by the way.
I've been able to do this in Excel through use of validation functions, but I'd like to get away from Excel if at all possible.
Thanks very much in advance!
Chris

To keep the department/cities sample; i'll try to explain you how i did it in Designer:
I created a "variable" bloc (at the bottom of the Hierarchy tab) called Cities
An other one called Departments
A last called CitiesFunctions
In the Cities bloc, i declared an array with all cities.
In the Department bloc, I declared an array by department. In each array, i have 2 items : the index of the first city of the department in the cities tab and the index of the last city of the department in the cities tab.
On my form, I created a dropDownList called Department (populated with departments) and an other called cities initialized empty.
On Department change event:
I rase the cities field.
I call my function getCitiesByDpt in my CitiesFunctions bloc with the department in parameter.
In these function I call the array corresponding to the department in the Cities bloc and I populate my listBox cities by the results (tab of cities from parameter 1 to parameter 2 of my Department array).
Carrefull : if a list has too much items, you should create a "manual list" composed of 1 textField, 1 button, 1 listBox (it's better for performance)
After than, always by script, you can restrict you second list by the sequence of characters eventualy keyed in the field Cities.
I hope i'm a little beat clear ! it's hard to explain in a forum (and sorry for my french english...:))
Pierre.

Similar Messages

  • Why form is creating a "memory" drop-down box in the PDF Form

    I have created a form for someone using Adobe Acrobat CS4. While this doesn't happen when I use it on my computer, or even my work computer, apparently one of the end users, as they enter data into the form, it remembers previous information she had entered and gives her like a "memory" drop down box. She doesn't want that. How can I format it so it doesn't do that? Thank you.

    Edit > Preferences > Forms > Turn Auto-Complete off

  • How do I create hyperlinks in drop-down box....  (see details)

    I'm creating a form that will be used as an employee performance review.  On page one of the form, I'd like to insert a drop-down box titled "JOB TITLE" and there will be approx 10 different job titles in the list that the VP can select from.  Depending on the job title that the VP selects, I'd like a hyperlink that takes him to a new page within the pdf document.
    For example, the VP is going to complete a performance review for a "General Mgr" on his/her team.  He selects "General Mgr" from the drop down list in the "Job Title" box, and when he does, a new page opens that has questions related to the job responsibilities of a "General Mgr".  If the VP had selected a different Job Title, such as "Area Mgr", then a different page would have opened up with questions related to the job of an Area Mgr, which would be different than a Gen Mgr.
    Can anyone assist me with this?

    Hi,
    Here are some resources that you might find helpful:
    http://www.adobe.com/go/learn_lc_scriptingBasics
    http://www.adobe.com/go/learn_lc_scriptingReference
    http://www.adobe.com/go/learn_lc_formCalc
    http://www.adobe.com/devnet/livecycle/articles/Adobe_XML_Form_Object_M odel_Refer ence.pdf
    http://www.adobe.com/devnet/acrobat/pdfs/lc_migrating_acrobat_xmlform. pdf
    And a very handy resource (and while it is for version 6 it is still very good because of the way it is laid out):http://partners.adobe.com/public/developer/en/tips/CalcScripts.pdf
    The help file also helps with syntax and LC Designer comes with templates/examples.
    Lastly, check out the Developer's Network on http://www.adobe.com/devnet/livecycle/
    In the sample the script is in the exit event of the dropdown. You can view the script by selecting the dropdown, which is on the Master Page and viewing the script editor at the top of the workspace. If the script editor is not open, you can open it from the Windows menu. By default it is only one line high, so I would recommend dragging the bottom bar so that you see a good few lines. You can view different events in the script editor and set the language.
    Also if you look at the dropdown you can see in the Object > Field tab that I have set the values that are displayed in the dropdown and in the Object > Bindings I have not specified bound values, so I can use the display values in the script.
    In the hierarchy I have named each of the pages with a unique name (eg appendixAdmin), that is also used in the script.
    I hope that helps,
    Niall

  • How do I create a dependant drop down in a web form?

    I am trying to add a web form to a web page that includes a dependant drop down menu. For example, I'd like there to be a drop down menu called "Interested Class" with three fields: "Tribe Fit", "Tribe Life" and "Tribe Core". When a user selects one of these fields ("Tribe Fit" for example), I want a new drop down menu to appear with the following choices: "7:00am", "12:30pm", "7:00pm".
    I have attempted this here and as you can see it's not working at the moment. The time drop down fields should be hidden until an "Interested Class" has been selected.
    http://www.cityfitness.com.au/nicole-form-test?Preview=True
    I've placed my JS code in the HTML view of the actual web page as I noticed when I place it in the actual custom form it doesn't carry through to the page. I don't know if I'm placing my JS in the correct place though.
    Here is a snippet of my code if it helps:
    <tr>
                            <td><label for="CAT_Custom_328771">Interested Class</label><br />
                            <select name="CAT_Custom_328771" id="CAT_Custom_328771" class="cat_dropdown">
                            <option value=" ">-- Please select --</option>
                            <option value="Tribe Fit">Tribe Fit</option>
                            <option value="Tribe Life">Tribe Life</option>
                            <option value="Tribe Core">Tribe Core</option>
                            </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            <div id="fit" class="times">
                            <select>
                            <option value="7:00am">7:00am</option>
                            <option value="12:30pm">12:30pm</option>
                            <option value="7:00pm">7:00pm</option>
                            </select>
                            </div>
                            <div id="life" class="times">
                            <select>
                            <option value="7:00am">7:00am</option>
                            <option value="8:00am">8:00am</option>
                            <option value="11:30am">11:30am</option>
                            </select></div>
                            <div id="core" class="times">
                            <select>
                            <option value="8:00am">8:00am</option>
                            <option value="11:30am">11:30am</option>
                            <option value="12:30pm">12:30pm</option>
                            </select>
                            </div>
                            </td>
                        </tr>
                        <tr>
                            <td><input class="cat_button" type="submit" value="Submit" id="catwebformbutton" /></td>
                        </tr>
                    </tbody>
                </table>
                <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
                <script type="text/javascript">
    $(function () {
        $('#CAT_Custom_328771').change(function () {
            $('.times').hide();
            $('#' + $(this).val()).show();
    //<![CDATA[
    var submitcount67919 = 0;function checkWholeForm67919(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Home Phone Number"); if (theForm.HomeAddress) why += isEmpty(theForm.HomeAddress.value, "Home Address"); if (theForm.HomeCity) why += isEmpty(theForm.HomeCity.value, "Home City"); if (theForm.HomeState) why += isEmpty(theForm.HomeState.value, "Home State"); if (theForm.HomeZip) why += isEmpty(theForm.HomeZip.value, "Home Zipcode"); if (theForm.HomeCountry) why += checkDropdown(theForm.HomeCountry.value, "Home Country"); if(why != ""){alert(why);return false;}if(submitcount67919 == 0){submitcount67919++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
    //]]>
    </script>
            </form>
    Can anyone please help explain to me how I can make this work? I am only a JS beginner - so please try to explain in simple terms if possible.
    Thank you!
    Nicole

    This wont work, Needs to be a lot more then this and CSS to hide things rather then script hiding them.
    Nicole, The times that are availible I gather differ depending on the type of the dropdown?
    You do not need multiple time dropdowns.
    Steps you need to do first on the form:
    1. Ensure the custom form field dropdown for interested class exists.
    2. Have custom dropdown with all the times that any of them can be. This is CSS hidden by default.
    3. Also CSS hide all the options in the select as well in your CSS.
    Next can you show what classes have what times as an example then can put the code more relevent to your example you can work off.
    The code will follow along the lines of....
    Dropdown On Change
              If selected options is xxx class then
              fade in option times  dropdown 
              Show these otpion times
            if selected option is zzz class then
              fade in option times dropdown
                   show these times
    More control as you need to work properly, only two dropdowns needed.

  • How to populate data in drop down box dynamically in adobe form?

    Dear Experts.
    I am new to adobe interactive form can anybody please tell me how to fill data in a drop down box dynamically? I am using webservices method.
    Thanks in advance.
    Chitta Ranjan Mahato
    Edited by: mahato123 on Aug 5, 2011 12:16 PM

    you can create a method to populate the context attribute that you are using to map to your dropdown box.
    DATA: node_info TYPE REF TO if_wd_context_node_info.
    DATA: it_table TYPE wdr_context_attr_value_list.
    ** select your dropdown data into it_table and pass it to your context attribute.
    ** here, mine is call PROJ_TYPE - the values should appear in your dropdown.
      node_info->set_attribute_value_set(
         name      = 'PROJ_TYPE'
         value_set = it_table ).

  • Drop-down liast in Adobe interactive forms

    Hello,
    We have 3 regions, US, Europe and Asia Pacific and each region has a manager.
    Now, am developing a Interactive form with Webdynpro for ABAP (pls. note always FORM is only one) for these regions/managers. Manager pressess submit button for approval.
    I have 19 drop-down (Enumerated drop-down with SELECT) fields in this form.
    Regardsing the field 'DROP_DOWN_1' :
    US manger should get 7 values in the drop-down list with a 'US_DROPDOWN' default, if manager donw want to keep this value, he can change/over ride and submits the form.
    Europe manger should get 5 values in the drop-down list with a 'EUROPE_DROPDOWN' default, if manager donw want to keep this value, he can change/over ride and submits the form.
    Asia Pcific manger should get 11 values in the drop-down list with a 'ASIA_PACIFIC_DROPDOWN' default, if manager donw want to keep this value, he can change/over ride and submits the form.
    Pls. let me know
    1) Is DYNAMIC drop-downs possible?
    2) If so, where should i mainatin the code, is it in FORM level scrpting? webdynpro abap code?
    3) If FORM level script, webdynpro has to pass these drop-down values to FORM via CONTEXT, is it right?
    4) Any settings for this dynamic functionality either FORM setinsg to webdynpro settings?
    Thank you,

    Hi,
    There are two options to do that, first by web service which suits best the offline scenario and another by server round trip which is possible in online scenario only.
    For web service scenario you have to create data binding in the form with web service data node, (search SDN for suitable document explaining the scenario with web service for more info). Every time the user will choose value from DD the web service will trigger to fetch data based on user input.
    Second scenario uses server round trip. In this method you have to call the submit method in web dynpro view with some conditions that it is called through DD to fetch values. Use some flag variable to differentiate between the final submit and DD value help submit.
    There is one more option but the performance of the form will get affected based on the data used for the DDs.
    In that method you have to maintain the data for each US, Europe, Asia in a table. Based on user input fetch value from that table in the specific dropdown using script on the form.
    Regards,
    Vaibhav

  • Drop down error in Online Interactive Forms

    Hi,
    I have used a Value Help drop down in my form so that i can get data from a datasource. However when i click on the arrow i get the followin error :
    java.lang.NullPointerException
    at com.sap.tc.webdynpro.clientserver.event.PDFValueHelpServiceEventHandler.handleServerEvent(PDFValueHelpServiceEventHandler.java:125)
    at com.sap.tc.webdynpro.clientserver.task.WebDynproMainTask.handleServiceEvents(WebDynproMainTask.java:501)
    at com.sap.tc.webdynpro.clientserver.task.WebDynproMainTask.execute(WebDynproMainTask.java:653)
    at com.sap.tc.webdynpro.clientserver.cal.AbstractClient.executeTasks(AbstractClient.java:59)
    at com.sap.tc.webdynpro.clientserver.cal.ClientManager.doProcessing(ClientManager.java:251)
    at com.sap.tc.webdynpro.serverimpl.defaultimpl.DispatcherServlet.doWebDynproProcessing(DispatcherServlet.java:154)
    at com.sap.tc.webdynpro.serverimpl.defaultimpl.DispatcherServlet.doContent(DispatcherServlet.java:116)
    at com.sap.tc.webdynpro.serverimpl.defaultimpl.DispatcherServlet.doPost(DispatcherServlet.java:55)
    at javax.servlet.http.HttpServlet.service(HttpServlet.java:760)
    at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
    at com.sap.engine.services.servlets_jsp.server.HttpHandlerImpl.runServlet(HttpHandlerImpl.java:401)
    at com.sap.engine.services.servlets_jsp.server.HttpHandlerImpl.handleRequest(HttpHandlerImpl.java:266)
    at com.sap.engine.services.httpserver.server.RequestAnalizer.startServlet(RequestAnalizer.java:387)
    at com.sap.engine.services.httpserver.server.RequestAnalizer.startServlet(RequestAnalizer.java:365)
    at com.sap.engine.services.httpserver.server.RequestAnalizer.invokeWebContainer(RequestAnalizer.java:944)
    at com.sap.engine.services.httpserver.server.RequestAnalizer.handle(RequestAnalizer.java:266)
    at com.sap.engine.services.httpserver.server.Client.handle(Client.java:95)
    at com.sap.engine.services.httpserver.server.Processor.request(Processor.java:175)
    at com.sap.engine.core.service630.context.cluster.session.ApplicationSessionMessageListener.process(ApplicationSessionMessageListener.java:33)
    at com.sap.engine.core.cluster.impl6.session.MessageRunner.run(MessageRunner.java:41)
    at com.sap.engine.core.thread.impl3.ActionObject.run(ActionObject.java:37)
    at java.security.AccessController.doPrivileged(Native Method)
    at com.sap.engine.core.thread.impl3.SingleThread.execute(SingleThread.java:102)
    at com.sap.engine.core.thread.impl3.SingleThread.run(SingleThread.java:172)
    Can anyone please help?
    Rhanks,
    Malita

    Hi,
    There are two options to do that, first by web service which suits best the offline scenario and another by server round trip which is possible in online scenario only.
    For web service scenario you have to create data binding in the form with web service data node, (search SDN for suitable document explaining the scenario with web service for more info). Every time the user will choose value from DD the web service will trigger to fetch data based on user input.
    Second scenario uses server round trip. In this method you have to call the submit method in web dynpro view with some conditions that it is called through DD to fetch values. Use some flag variable to differentiate between the final submit and DD value help submit.
    There is one more option but the performance of the form will get affected based on the data used for the DDs.
    In that method you have to maintain the data for each US, Europe, Asia in a table. Based on user input fetch value from that table in the specific dropdown using script on the form.
    Regards,
    Vaibhav

  • Drop down list in adobe interactive forms

    I try to bind between RFC to DropDownList
    And The DropDownList is not open, and i can see just the first element from all the elements
    i want to see all of the elements
    what i need to do?
    by the way in WebDynpro it's work.... in Adobe Not
    thanks
    Yossi

    Are you using LiveCycle Designer or Acrobat to create the form? This forum is for forms created with Acrobat, and dropdowns in Acrobat do not behave the way you want.

  • Create a dynamic form where selected text boxes appears, based on options chosen in a drop-down box

    HELP!!! Can anyone please provide some guidance on how to create a dynamic form where selected text boxes appears, based on options chosen in a drop-down box.
    I have a form which – based on the department that's selected from a drop-down box – will have different form fields/text boxes, etc, made available.
    Is this possible in LiveCycle, if so, can you please provide the script/info - as needed.
    Thanks,

    In the preOpen event of the second dropdown list you put something like (in formCalc):
    if (dropdown1 == 1) then
    $.clearItems()
    $.setItems("Year, 2 Year,  3 Year")
    elseif (dropdown1 == 2) then
    $.clearItems()
    $.setItems("3 Year,  4 Year")
    endif

  • Drop down box

    I am using ACrobatX pro.  I am a determined novice and any help is appreciated.
    Before I added any code I created my PATTERN drop-down box and my ColorSelect drop-down box. For the ColorSelect box, which is the one I want to vary depending on the Pattern selected, I have not entered any items since this is what I want the JavaScript to do after the pattern is selected.
    Next I went to TASKS, OTHER TASKS, JAVASCRIPTS, DOCUMENT JAVASCRIPTS
    I used the article Programming List and Combo fields in Acrobat and LiveCycle forms - Part 1
    Thom Parker – September 18, 2007 which I was referred to by GKaiseril, and added the following code which I modified slightly changing the field names and eliminating the reference to a 2nd field for price.
    SetColorEntries()
    var oPatternColors = {
    Alamos: [
    ["Champagne"],
    ["Winter White"]
    Alana: [
    ["Champagne"],
    ["Winter White"]
    Altoona: [
    ["Barley"],
    ["Marble"],
    ["Winter White"]
    Ama: [
    ["Marble"]
    Anlu: [
    ["Champagne"],
    ["Marble"]
    function SetColorEntries() {
    if(event.willCommit) {
    // Get the new color list from the Pattern List
    // Since the selection is being committed,
    // event.value contains the pattern name
    var lst = oPatternColors[event.value];
    // Clear the Colors list if there are no colors for the selected pattern
    if( (lst != null) && (lst.length > 0) )
                                                          this.getField("ColorSelect").setItems(lst);
    else
                                                          this.getField("ColorSelect").clearItems();
    Then I selected the PATTTERN drop-down box properties, and picked Actions. Under select trigger I thought Mouse exit (kind of like after update) made the most sense. For select action I picked  run a Javascript. Then in the pop up window where it says Create and Edit Java Scripts I typed SetColorEntries();
    The  system accepted my code; however, when I try to run it, nothing happens. Well actually I get the dreaded error beep.
    I am hoping someone sees what I am doing wrong, and can offer some help. This order form will be very useful to my company and once I get it, I am hoping to apply to various other order forms I am creating for our customers
    Thanks

    Use the inspector for the cell you want the "Pop-Up" menu. Select Cell Format "Pop-Up". Then enter the list of items required. You can copy this cell to other cells with the same requirements.
    Regards,

  • Dependant Drop down form validation

    I have a form where after selecting options from 5 dependant drop down boxes, and clicking submit a pdf file is displayed in a new window.  This is working fine, i now just need some code to validate the form before submission rather than going to an error message if they have not selected each of the boxes.
    the page in question is here:
    www.ddvalves.com/documentation3.html
    any suggestions will help, ive been playing about with a few scripts found on the web, but they seem to use the onsubmit function, which i am already using to display the pdf.  If i enter 2 onsubmit functions i get a duplicate function error in my dreamweaver toolbar.
    thanks in advance,
    Paul

    Have you looked at the spry validation that is in DW?  That is what I use.
    Gary

  • Put a editable drop down box on Adobe forms

    Hi All,
        I have created an Adobe form in that  I have to create an editable  drop down box for each line item in the table data.
    If anybody knows pls send those to me ASAP, it's an urgent requirement.
    Waiting for reply.
    Thanks.

    Hi
    Go through the link given below:
    Re: How to handle Drop Down Box on Interactive Adobe Form
    Do the following in your form Designer:
    1. Open the form.
    2. Select the Drop down list.
    3. Select Object Palette>Field.
    4. Their will be option list item.
    5. Click on the icon.
    6. Give the text below in the text area.
    7. Add as many items as you want.
    With Regards
    Nikunj Shah

  • Dependent Drop-Down Menu in Dreamweaver CS3 and ADDT

    Hi All,
    I have been trying to create a dependent drop--down menu so that when I select an item the corresponding information would populate the other field or fields. So far I have tried to use the tutorial posted on the link below by Waleed Barakat but I have had no sucess.
    http://www.tutorials-expert.com/tutorial/20354/-How-To-Create-Dependent-Dropdown -ListMenu-Forms.html
    I wanted to know if anyone has something else that I can review to help me in this process.
    Thanks

    Please refer to this article (http://forums.adobe.com/message/1069624#1069624) for information on how your tables should be set up.
    Date: Wed, 10 Jun 2009 00:49:28 -0600
    From: [email protected]
    To: [email protected]
    Subject: Re: Dependent Drop-Down Menu in Dreamweaver CS3 and ADDT
    Hi Georgev63,
    I followed the instructions to the link you sent me and it did not produce the results I had hope for.
    The directions are pretty straight forward and I attempted the steps several times with the same results.
    Basically the field that supposed to be the detail field is blank rather than having the ID of the master field.
    Any further suggestions would be much appreciated.
    Thanks
    E.
    >

  • Drop down box in interactive form UI element in webdynpro

    Hello All,
    I want to get a drop down list in adobe interactive form. I did the following.
    1. created a simple dictionary data type and populated it with values
    2. created a context and bound it to the simple dictionary type.
    3. when I drag the element to the pdf page, it shows it as a drop down list.
    4. when I run the application also, the drop down list comes but the values are not populated. I am not able to use the dropdown also.
    What should I be doing now to get a dropdownlist that works?
    Regards,
    Chander

    Hello Chander,
    what you want to create is a drop down list populated by the Web Dynpro context values. When you use drag-and-drop it just creates a regular drop down list (where you need to specify the values in the Designer).
    However if you select in your tools palette the Web Dynpro tab you will find special drop down lists. So here is what you do:
    1. Drag and drop a Value Help Drop-down List element from the Web Dynpro Library tab to the Body Pages pane.
    2. Drag and drop your node from the Data View tab onto it. This action binds the layout element to the corresponding node.
    Cheers
    Matthias

  • Help with Dependent Drop Down

    I have been trying for weeks now to get a simple dependent drop down to work. The form works perfectly (including dependent field) when I am inserting data. However when i am updating the dependent values are not passing some reason. I can figure out why. I have even started afresh and the same results. Can some one please send me a sample of their form using dependent drop down with your database dump. I want to compare to see what is going wrong.
    Thanks in advance.

    hi leocrawf,
    can you please give me direct link of your page, or send it to me at:
    [email protected]
    when updating the record with the dependent dropdown menus it should have the default value matching the records you trying to update, also the forign key btw them...
    any way i have more than example, so please send me alink or upload the page to me...
    http://www.developer-online.com
    waleed barakat...

Maybe you are looking for

  • Saving a .pdf

    Why does a file saved in Acrobat as a .pdf have a Word logo?

  • Is there a way to password protect files?

    Okay, so I want to make a personal file where I store personal information like receipts, photos, etc. Is there a way that I can protect the file with a password so nobody can get access to it?

  • Thirdparty processing with Consignment scenario

    hello, i am stuck up with a strange scenario, i hope somebody will help me out. the scenario goes like this. the OEM require comes and a Sales order has to be created then for that requirement a PO has to be created to Vendor for supply of the materi

  • Business system transport problem.

    Hi, I am trying to impor the objects in directory system but i ma getting below erroe message while transport. Business system XXX is not assigned a business system in group YYY. where YYY is production group. Wat i can figure out is I need to create

  • LightRoom Color Management

    Apart from the unique color space and behavior on certain export operations, Lightroom seems rather closed mouthed about color management. (This is a bit unsettling for someone used to all of the control offered by Photoshop) For instance, 1) is ther