How to Create Category and Subcategory Dropdowns in Adobe Acrobat Pro
Question details
The user needs to learn how to create dependent selection options, specifically categories and subcategories, within a fillable PDF form.
- Product
- Adobe Acrobat Pro
- Device & OS
- not provided
- Scenario
- Designing an interactive PDF form where selecting a primary category dynamically determines the choices available in a secondary subcategory dropdown.
- Observed behavior
- The user wants to implement a hierarchical dropdown structure, commonly achieved through form field properties and custom document JavaScript in Acrobat Pro.
Before adding interactive fields, outline your category hierarchy in a text document so you know exactly which subcategories belong to each main category. Familiarize yourself with the Prepare Form tool in Acrobat.
Create Dependent Dropdowns using Custom JavaScript
The most robust method to link a subcategory directly to a primary category in Acrobat Pro is by using document-level JavaScript applied to dropdown fields.
Standard PDF form tools do not inherently link two dropdown menus. To achieve dynamic behavior where the second menu changes based on the first, you must use a custom Keystroke script.
Go to 'Tools' > 'Prepare Form'. Add two Dropdown list fields to your document. Name the first one 'Category' and the second one 'Subcategory'.
Double-click the 'Category' field to open its Properties. Under the 'Options' tab, add your primary categories (e.g., Hardware, Software). Ensure you check the box for 'Commit selected value immediately'.
While still in the 'Category' field properties, switch to the 'Format' tab. Choose 'Custom' from the Select format category dropdown, and click 'Edit' next to Custom Keystroke Script. Enter the JavaScript code that maps your categories to an array of subcategory items.
Close the field properties and click 'Preview' at the top right. Select a category in the first dropdown and verify that the second dropdown updates with the correct subcategories.
Organize Content Using Hierarchical Bookmarks
If you are trying to categorize document pages rather than fillable form fields, organizing your PDF with nested bookmarks creates a visual category and subcategory tree.
Create Interactive PDF Forms Easily with WPS Office
WPS Office offers a powerful PDF Editor that allows you to easily design, edit, and fill out interactive forms. Add text boxes, checkboxes, and dropdown lists quickly with a user-friendly interface.
- 1. Open PDF Editor: Launch WPS Office and open your PDF document, or start with a blank page to build a new form.
- 2. Access Form Tools: Navigate to the 'Form' tab located on the top ribbon to reveal the interactive form controls.
- 3. Insert Dropdown Fields: Select the 'Drop-Down List' icon and click on your document where you want the category selection to appear.
- 4. Add List Items: Double-click the inserted field to open its properties, type your category options into the list, and save your interactive PDF.
Frequently Asked Questions
Can I create dependent dropdowns in Acrobat without using JavaScript?
No, standard Acrobat form properties do not have a built-in feature to link the choices of one dropdown to another. You must use Document JavaScript to define arrays and push them to the subcategory field based on the primary selection.
Why is my subcategory dropdown not updating automatically?
This usually happens if you forgot to check 'Commit selected value immediately' in the Options tab of your primary Category dropdown. Without this, the script doesn't trigger until you click outside the field.
How do I hide the subcategory field until a main category is chosen?
Open the subcategory field's properties, go to the General tab, and set 'Form Field' to 'Hidden'. Then, add a script to your primary category field that changes the subcategory field's state to 'Visible' once a valid choice is made.
