laravel livewire select2 multi select

Solutions on MaxInterview for laravel livewire select2 multi select by the best coders in the world

showing results for - "laravel livewire select2 multi select"

09 Nov 2018

1######## INSIDE LIVEWIRE COMPONENT
2public array $locationUsers = [];
3protected $listeners = ['locationUsersSelected'];
4
5public function locationUsersSelected($locationUsersValues)
6{
7  $this->locationUsers = $locationUsersValues;
8}
9
10######## INSIDE LIVEWIRE BLADE
11<div class="col-md-12 mb-3" wire:ignore>
12	<label for="locationUsers">Select Users</label>
13	<select id="locationUsers" class="form-control select2" multiple="multiple">
14		<option value="">--select--</option>
15        @foreach($this->users as $id => $name)
16        	<option value="{{ $id }}">{{ $name }}</option>
17        @endforeach
18	</select>
19</div>
20
21######## INSIDE LIVEWIRE SCRIPTS
22document.addEventListener('livewire:load', function () {
23  $('#locationUsers').on('select2:select', (e) => {
24    @this.emit('locationUsersSelected', $('#locationUsers').select2('val'));
25  });
26
27  $('#locationUsers').val(@this.get('locationUsers')).trigger('change');
28});

similar questions

select2 multiple in php use dates with laravel livewire laravel model insert multiple dynamic input field laravel livewire add multi product at the same time using repearter default view laravel looping through select option dropdown with laravel collective

queries leading to this page

select2 livewire results laravel livewire bind multiple select laravel livewire multiple select livewire multiselect dropdown livewire select2 set multiple data select2 in livewire multi select options livewire livewire select2 multiple select livewire select 2 5c multiple select with livewire laravel use select 2 in livewire livewire use select2 livewire select2 multiple select livewire multiple select component livewire select multiple livewire use select2 livewire laravel livewire multiselect form components wire model multiple select livewire using select 2 livewire select2 multiple multiple select options livewire livewire multiple select field multi select livewire select 2 livewire laravel livewire select2 laravel livewire select2 multiple how to use select 2 in livewire multiple select with livewire multi select component livewire laravel multi select livewire livewire multi select select2 livewire ajax multiple select2 with livewire select 2 for livewire livewire select2 example select2 with livewire laravel livewire select2 multi select multi level select livewire multiple selection select in livewire multiple selection select in livewire use select2 with livewire multi selected dropdown using livewire livewire select multiple multi select dropdown livewire component select2 multiple select livewire livewire multi select dropdown laravel select2 livewire component how to select multiple option in livewire laravel8 dynamic select2 laravel livewire select2 livewire select2 laravel livewire select2 laravel livewire database multiple select in livewire select multiple not working livewire select2 multiple select dropdown in livewire livewire select2 laravel livewire dynamic dropdown select2 select 2 with livewire livewire multiple select livewire with select2 laravel livewire select2 multi select