PHPackages                             techouse/select-auto-complete - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Search & Filtering](/categories/search)
4. /
5. techouse/select-auto-complete

AbandonedArchivedLibrary[Search & Filtering](/categories/search)

techouse/select-auto-complete
=============================

An auto-completing Laravel Nova search field.

v1.4.1(4y ago)30511.9k↑18.8%19[7 issues](https://github.com/techouse/select-auto-complete/issues)MITVuePHP >=7.1.0

Since Oct 20Pushed 4y ago1 watchersCompare

[ Source](https://github.com/techouse/select-auto-complete)[ Packagist](https://packagist.org/packages/techouse/select-auto-complete)[ RSS](/packages/techouse-select-auto-complete/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (2)Versions (32)Used By (0)

Select Auto-Complete
====================

[](#select-auto-complete)

[![Latest Version on Packagist](https://camo.githubusercontent.com/6a416ce6a780673807457b0cc8735030d54f3096df83803ebeb99c867416ac4f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f746563686f7573652f73656c6563742d6175746f2d636f6d706c6574652e7376673f7374796c653d666c6174)](https://packagist.org/packages/techouse/select-auto-complete)[![Total Downloads](https://camo.githubusercontent.com/50a021fa2bf1f058816f5795ff7839b2f079a975b563eeb0f323c50813bfc2c6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f746563686f7573652f73656c6563742d6175746f2d636f6d706c6574652e7376673f7374796c653d666c6174)](https://packagist.org/packages/techouse/select-auto-complete)[![Licence](https://camo.githubusercontent.com/dd3722931bc2e9dcfcaaf23a27fa767192bf5fe800874908891f77c0e617e415/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f746563686f7573652f73656c6563742d6175746f2d636f6d706c6574652e737667)](https://packagist.org/packages/techouse/select-auto-complete)[![PHP version](https://camo.githubusercontent.com/87751f3650d653de7d7cf87e30274e42f00e989dd1ca931258b95ddc7dfe0162/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f746563686f7573652f73656c6563742d6175746f2d636f6d706c6574652f6465762d6d61737465722e737667)](https://packagist.org/packages/techouse/select-auto-complete)[![Codacy Badge](https://camo.githubusercontent.com/11556883893e63176fabafe7f875eb1dc48ef1f6e2c6be94a3b6a9d94a880f2c/68747470733a2f2f6170692e636f646163792e636f6d2f70726f6a6563742f62616467652f47726164652f3334316661646134383166383463316361363562366336383930643635633863)](https://www.codacy.com/manual/techouse/select-auto-complete?utm_source=github.com&utm_medium=referral&utm_content=techouse/select-auto-complete&utm_campaign=Badge_Grade)[![GitHub stars](https://camo.githubusercontent.com/5019823a72fb473e8b363517bc5e19414968ae5ab71cfaf46da7c2210ede358d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f746563686f7573652f73656c6563742d6175746f2d636f6d706c6574652e7376673f7374796c653d736f6369616c266c6162656c3d53746172266d61784167653d32353932303030)](https://github.com/techouse/select-auto-complete/stargazers)

##### An auto-completing Laravel Nova search field.

[](#an-auto-completing-laravel-nova-search-field)

Provides a capability of auto-completed searching for results inside a select input field.

[![Select Auto-Complete](./screenshot.png)](./screenshot.png)

Installation
------------

[](#installation)

You can install the package in to a Laravel app that uses [Nova](https://nova.laravel.com) via composer:

```
composer require techouse/select-auto-complete
```

Usage
-----

[](#usage)

The API is extends [Nova's default `Select` Field](https://nova.laravel.com/docs/1.0/resources/fields.html#select-field) by adding these additional options:

- **default** - *OPTIONAL* - Set the default **value** in case of an empty field. Default is `null`.
- **maxResults** - *OPTIONAL* - Number of results to show at a time. Has to be a positive **integer**. Default is `30`.
- **maxHeight** - *OPTIONAL* - Height of select dropdown list. Default is `220px`.
- **displayUsingLabels** - *OPTIONAL* - List only the labels of the options list. Default is disabled and displays keys and labels.
- **placeholder** - *OPTIONAL* - Use a custom placeholder.

Simply use `SelectAutoComplete` class instead of `Select` directly or alias it like the example below so you won't have to refactor too much existing code.

```