[Resolved] select box select2 plugin

[Author]

Posts

[davidm-13]

Hi, I have some select dropdown list on my site - florapal.org - and I'd like to add autocomplete to filter results from the lists.

I saw this thread https://toolset.com/forums/topic/split-how-to-convert-a-normal-dropdown-to-a-select2-dropdown/ from Nigel and would like instruction on how to install and use select2 on my site.

Also interested if you can suggest better alternatives to implement autocomplete to search select dropdown lists

Thanks very much for any help

[Shane]

Hi David,

Thank you for getting in touch.

This one might be tricky to implement and I cant guarantee that it will work as we're using 3rd party libraries. Also we don't know what negative effects this will have on your site such as with compatibility.
hidden link

First thing you'll need to do is to import the scripts to your site. On the select2 website above you will see the CDN link for the files are

<link href="<em><u>hidden link</u></em>" rel="stylesheet" />
<script src="<em><u>hidden link</u></em>"></script>

However you will need to enqueue these using the wordpress function for importing scripts to your site. Add these to your functions.php file.

wp_enqueue_style( 'select2_css', '<em><u>hidden link</u></em>' );
    wp_enqueue_script( 'select2_script','<em><u>hidden link</u></em>' );

Once you've done this and can confirm on the frontend of the site that these scripts have been imported then its time to run the function to convert the select into select2

$(document).ready(function() {
    jQuery('.css-class-goes-here').select2();
});

Now all you need to do is add the css class of your select field to the jQuery above. The class can be found by using the developer tools on your browser to inspect the select field.

Please let me know if this helps.
Thanks,
Shane

[davidm-13]

My issue is resolved now. Thank you!
Hi Shane, I was having problems implementing autocomplete using "Chosen for WordPress" - which is why I wanted to try Select2 - but now I think I've sorted the problem with Chosen so I'll stick with that.
Thanks for your help