Skip to main content

Dynamic Dropdown with Tom Select

Overview

This plugin enhances the functionality of a standard text input by transforming it into an interactive and dynamic dropdown. It supports features like real-time filtering, adding or updating options dynamically, and seamless resetting after form submission. Built using the Tom Select library, it ensures a modern, user-friendly, and responsive experience for dropdown interactions.

Use Cases

  • This plugin is useful for forms with large or dynamic datasets, like product catalogs, user lists, or location pickers. It streamlines selection with real-time filtering and dynamic data handling.

Installing the plugin

Prerequisites:

  1. The page must have a form component
  2. The form must have an Text field
  3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

  1. Navigate to the page with this form,
  2. Click on the Plugins
  3. Find the Dynamic Dropdown with Tom Select plugin
  4. Select the form 
  5. Select the Text field

    Removing the Plugin

    To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well. 

    Back to top