Is there a way to create a searchable picklist in a visualforce page?

I have a picklist field and I was wondering if there is a way to add a searchbox at the top of the picklist where we enter a picklist value and it searches through the picklist to find the values. Something like this:

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

There is no standard component/way available to do this. You need to write your custom code to achieve it.

First you can use the dataList tag to achieve it.

<datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

Or you can use third part JS like Select2.

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0