Display Pop-Up Based on Dropdown Selection in HubSpot Form

[hafizusama]

Hi Everyone, 
I’m working on a HubSpot out-of-the-box form and would like to implement the following functionality:

• When a user selects an option from a dropdown field, a pop-up should appear displaying specific information related to that selected option.

The idea is to guide or inform applicants with relevant details based on their selection — for example, showing a short message or note in a modal/pop-up window.

I’d like to know if this can be done natively within HubSpot forms.

[TomM2 · Accepted solution]

Hey @hafizusama no this cannot be done natively in HubSpot forms. 

It would require some custom JS to listen to the input of the HubSpot form and then trigger the pop-up based on a specific input. 

[ASoklov · Accepted solution]

Hi Hafiz,

HubSpot’s native forms don’t support showing a pop-up or modal based on a dropdown choice. You can, however, achieve this with a little custom Javascript:

Embed the form on your page (not the HubSpot-hosted form page).

Use the onFormReady callback from the HubSpot Forms API to target the dropdown field.

Add a JS event listener like dropdown.addEventListener('change', …) to detect the user’s selection.

Trigger your own modal/pop-up (e.g., using Bootstrap modal or a lightweight JS modal) and display the relevant text.

If you’re using HubSpot CMS pages, you can add this script via the page’s custom HTML/JS section.

In short: not possible natively, but very doable with a little front-end code once the form is embedded

[TomM2 · Accepted solution]

Hey @hafizusama no this cannot be done natively in HubSpot forms. 

It would require some custom JS to listen to the input of the HubSpot form and then trigger the pop-up based on a specific input. 

[hafizusama]

Thanks @TomM2 🙂