Way to only allow numeric in search dropdown for filament select element?

Hello!

I have this select for Zipcode that populates after the user types inside the

searchable()

searchable()

search options dropdown.

To enhance my accessibility for a screen reader, I want to disable non-numbers, so that we don't run into as many issues. Is there a way to do this? I'd love any tips on how to modify/validate the search field on a select.

Here's my code:

 Select::make('zip_code_id')
     ->searchable(fn)
     ->native(false)
     ->getSearchResultsUsing(fn ($livewire, string $search) => $livewire->agency->approved_zip_codes()
        ->where('zip_codes.code', 'like', "%{$search}%")
        ->limit(20)
        ->pluck('zip_codes.code', 'county_zip_code.zip_code_id')
        ->toArray()
     )
     ->required()
     ->label('Zip/Postal Code of the Request')
     ->validationAttribute('zip/postal code')
     ->reactive()
...

 Select::make('zip_code_id')
     ->searchable(fn)
     ->native(false)
     ->getSearchResultsUsing(fn ($livewire, string $search) => $livewire->agency->approved_zip_codes()
        ->where('zip_codes.code', 'like', "%{$search}%")
        ->limit(20)
        ->pluck('zip_codes.code', 'county_zip_code.zip_code_id')
        ->toArray()
     )
     ->required()
     ->label('Zip/Postal Code of the Request')
     ->validationAttribute('zip/postal code')
     ->reactive()
...

Filament•11mo ago•

10 replies

Crispy

Way to only allow numeric in search dropdown for filament select element?

Hello!

I have this select for Zipcode that populates after the user types inside the

searchable()

searchable()

 Select::make('zip_code_id')
     ->searchable(fn)
     ->native(false)
     ->getSearchResultsUsing(fn ($livewire, string $search) => $livewire->agency->approved_zip_codes()
        ->where('zip_codes.code', 'like', "%{$search}%")
        ->limit(20)
        ->pluck('zip_codes.code', 'county_zip_code.zip_code_id')
        ->toArray()
     )
     ->required()
     ->label('Zip/Postal Code of the Request')
     ->validationAttribute('zip/postal code')
     ->reactive()
...

 Select::make('zip_code_id')
     ->searchable(fn)
     ->native(false)
     ->getSearchResultsUsing(fn ($livewire, string $search) => $livewire->agency->approved_zip_codes()
        ->where('zip_codes.code', 'like', "%{$search}%")
        ->limit(20)
        ->pluck('zip_codes.code', 'county_zip_code.zip_code_id')
        ->toArray()
     )
     ->required()
     ->label('Zip/Postal Code of the Request')
     ->validationAttribute('zip/postal code')
     ->reactive()
...

Way to only allow numeric in search dropdown for filament select element?

Similar Threads

Way to only allow numeric in search dropdown for filament select element?

Similar Threads

Similar Threads

Similar Threads