Editable select not adding new option mdbootstrap

The editable-select component in MDBootstrap (MDB) is a great feature that allows users to add new options to a select dropdown. However, it seems like you're experiencing an issue where new options are not being added.

Here are a few potential solutions to help you resolve this issue:

  1. Check the HTML structure: Make sure that the HTML structure of your editable-select component is correct. The component should have the following structure:

    <select class="mdb-select" multiple>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <!--... -->
    <option value="n">Option n</option>
    <option value="new">New option</option>
    </select>

    Note that the last option should have a value of "new" or any other value that you want to use as a placeholder for new options.

  2. Verify the JavaScript code: Check that you have included the necessary JavaScript code to enable the editable-select feature. You should have the following code in your JavaScript file:

    $(document).ready(function() {
    $('.mdb-select').mdbSelect();
    });

    This code initializes the mdbSelect plugin for all elements with the class mdb-select.

  3. Check for conflicts with other plugins: If you're using other plugins or libraries that manipulate the DOM or handle events, they might be interfering with the editable-select component. Try disabling other plugins or libraries to see if the issue persists.

  4. Update MDBootstrap: Make sure that you're using the latest version of MDBootstrap. You can check for updates by running npm install mdb-react-ui-kit or yarn add mdb-react-ui-kit in your terminal.

  5. Check the browser console: Open the browser console and check for any error messages related to the editable-select component. This might give you a hint about what's causing the issue.

If none of these solutions work, please provide more details about your code, including the HTML, CSS, and JavaScript files, and I'll be happy to help you troubleshoot the issue.