Filament•2mo ago

Edit Choices.js configuration

Hi, when I create a Select component with HTML options, the search function does not work well. This is because the search is performed on the label, instead of the value. When I set the Choices.js configuration option searchableOptionFields to value instead of label (in Chrome dev tools), searching works fine. Is there a way to change this?

Solution:

this an old artical but you can adjust it to make work with v3 https://v2.filamentphp.com/tricks/render-html-in-select-options combine getSearchResultsUsing and getOptionLabelUsing...

Jump to solution

4 Replies

toeknee•2mo ago

Or... just adjust the search with: https://filamentphp.com/docs/3.x/forms/fields/select#returning-custom-search-results

Select - Forms - Filament

VeurOP•2mo ago

Thanks @toeknee, I tried that. But then my search results don't contain HTML (or I am doing something wrong)

Solution

Lara Zeus•2mo ago

this an old artical but you can adjust it to make work with v3 https://v2.filamentphp.com/tricks/render-html-in-select-options combine getSearchResultsUsing and getOptionLabelUsing

VeurOP•5w ago

Thanks, that works!

Gaming

Programming

Edit Choices.js configuration

Did you find this page helpful?