PDF Editing Issues

How to Create a Multilevel Drop-Down Menu in a PDF Form

Kushani Nimanthika Oct 28, 2026 868 views

Question details

The user wants to create a multilevel or dependent drop-down menu for categories and sub-categories within a fillable PDF form.

How to Create a Multilevel Drop-Down Menu in a PDF Form

Product: PDF Forms
Device & OS: not provided
Scenario: Building dependent selections for categories and parts in a fillable PDF document.
Observed behavior: Standard PDF drop-down fields do not natively support multilevel hierarchical menus in a single field.

Before you start

Ensure you have access to a PDF editor with advanced form creation and JavaScript support, as standard drop-down fields do not natively handle multilevel cascading menus.

Solution 1Recommended

Use Multiple Dependent Combo Boxes

Create separate drop-down fields where the options in the second field change based on the selection in the first field.

Since a single standard drop-down cannot hold a multilevel menu natively, the most common workaround is creating "parent" and "child" drop-down menus. Custom JavaScript is used to dynamically update the items in the child drop-down based on the user's choice in the parent drop-down.

Create the Parent Drop-Down

Add a combo box form field to your PDF for the main category. Double-click it to access its properties and add your primary list items.

Create the Child Drop-Down

Add a second combo box form field for the sub-categories. Leave the item list blank initially, as this will be populated via script.

Add Custom JavaScript

Open the properties of the Parent Drop-Down, navigate to the Format or Keystroke tab, and add a custom script that assigns specific lists to the Child Drop-Down based on the selected parent value.

Scripting Knowledge Required: This method requires writing basic JavaScript arrays and conditional statements to define the relationship between the fields.

Solution 2

Create a Button-Driven Pop-Up Menu

Use a custom JavaScript script with the app.popUpMenuEx method to trigger a simulated multilevel menu when a button is clicked.

Advanced PDF Form Builder

Create Fillable PDF Forms Easily with WPS Office

Design professional and interactive PDF forms seamlessly using the built-in WPS PDF editor. WPS Office provides all the tools you need to create standard drop-downs, text fields, and interactive elements.

1. Open WPS Office: Launch WPS Office and open your existing PDF document or create a blank one.
2. Access Form Tools: Navigate to the 'Form' tab in the top ribbon to view all interactive form controls.
3. Insert Form Fields: Click on the 'Combo Box' or 'Drop-Down' tool and drag it onto your document to place the field.
4. Configure Properties: Double-click the inserted field to add your list items, adjust appearance, and customize field properties.

Easily insert text fields, checkboxes, and combo box drop-down menusHigh compatibility with standard PDF form structures and Adobe AcrobatLightweight application with a highly intuitive user interfaceEdit, merge, and convert PDFs across multiple platforms seamlessly

microsoft office alternative - wps office

Frequently Asked Questions

Can I create a multilevel menu without using JavaScript in a PDF?

No, standard PDF specifications do not support native multilevel drop-down fields within a single form element. You must use custom JavaScript to link multiple combo boxes or trigger an advanced pop-up menu.

What is the app.popUpMenuEx method?

It is a built-in JavaScript method used in PDF scripting to display a customized, hierarchical pop-up menu. This allows users to make nested (multilevel) selections when interacting with an element like a button.

Will my dependent drop-down menus work in all PDF viewers?

Complex JavaScript-based forms may not function correctly in basic browser-based PDF viewers or simplified mobile apps. Users should open the form in a dedicated PDF application like WPS PDF or Adobe Acrobat to ensure full functionality.

PDF Troubleshooting