Alternative to select2

haiibooo · August 2, 2021, 8:50am

hi
someone know if have a alternative to select2
but somthing only with livewire and maybe apinejs too

a dropdown with select options and Search

tahnks

skywalker · August 3, 2021, 9:26pm

Hey, @haiibooo

Check this one:
https://github.com/sa-si-dev/virtual-select

And this is an example with livewire:

gist.github.com

https://gist.github.com/ousid/1e90d74588296d0a98bdaffe676bdfac

UsersComponent.php

<?php 
// ....


/** @var array */
public $selectedUsers;

public function create()
{
  // selectedUsers returns an array of ids.

This file has been truncated. show original

virtual-select-livewire-example.blade.php

<span class="text-gray-700">{{ __('Select Users') }}</span>
<div>
    <div id="users-select" wire:ignore></div>
</div>

<link rel="stylesheet" href="node_modules/virtual-select-plugin/dist/virtual-select.min.css">
<script src="node_modules/virtual-select-plugin/dist/virtual-select.min.js"></script>

<!-- optional -->
<link rel="stylesheet" href="node_modules/tooltip-plugin/dist/tooltip.min.css">

This file has been truncated. show original

Updates:
I have written an Article about it. Check it out! Hope this help.

presleyd · August 6, 2021, 10:29pm

I made this a few months ago. It isn’t perfect but it might help you get something similar going: https://github.com/presleyd/alpinejs-select

haiibooo · August 8, 2021, 7:25am

thanks but in need somthing with a search from the db

like tags add

joleenshook · August 9, 2021, 8:23pm

I have Tom-Select working pretty well with Livewire and Alpinejs. You’ll need to write a bit of native Javascript and/or make some blade components to use it effectively but it will definitely let you retrieve and add items to the database.

joleenshook · August 9, 2021, 8:25pm

Also recommend using the LIvewire Discord channel for more help.

andymswick · November 9, 2021, 5:09pm

@joleenshook could you share your code for the Tom-Select integration?