Multi-select Dropdown (Select2) | Laravel Livewire 3 for Beginners EP31

[@HamadAbdulla_7]

Thanks🥰

[@yelocode]

Thanks for watching Hamad

[@0zankurt]

Finally someone is proud of working with jquery! I love you!

[@lautaropiatti]

This is GOLD! I preffer to use ChoicesJS over Select2, and as you said in the video it was easy to migrate from what you explained to the usage of that library 🙌

[@eslammostafa1247]

Thank you so much, that's really solved my issue, I just forgot to add wire:ignore on the main div, so I got unexpected behavior

[@Bernoli-ww2vo]

Thank you so much! you solved my problem

[@davidmutua6971]

How to validate the select2 Livewire v3. Move your @error() directive outside wire:ignore div

[@claudiobustos3376]

thank you bro, you give me a BIG HELP, THANKH YOU VERY MUCH

[@yelocode]

Thanks for watching. Glad to hear that.

[@rubenchris5301]

Amazing tutorials no one is doing them as well as you!! Could you do a video on infinite scrolling in laravel please?

[@yelocode]

Thanks for watching, I will try to cover it in a video

[@luthfia2994]

So helpfully, thank u❤❤

[@yelocode]

Thanks for watching, Glad it was helpful.

[@officialnikitayadav939]

👍👍👍👍

[@cubedev4838]

I think you have livewire tutorial details. No channel have this kind of tutorial. Please teach multi step form using livewire

[@davidmutua6971]

THe multi-step form is what am working on currently.

[@miladseifoori6645]

The best teacher I have ever seen

[@yelocode]

I have not used flowbite pro so can't give an opinion on it, I personally prefer tailwind ui.

[@miladseifoori6645]

@@yelocode thanks bro . Good job

[@OliverJörns-k7g]

Well it can be done more easy even using Alpine which is bundled with Lifewire 3.
Just make yourself a blade component like that. In this case I use selectize instead of select2, but the principle is the same. This way code is more in place.
The advantage is you do not have to care about updating the script anytime you add another select field to the same form. It is all done by itself.
Then when I need a select I can just write:
# selectize.blade.php in components
@props([
'field' => '',
'list' => [],
])

@foreach($list as $value => $name)
{{ $name }}
@endforeach

[@8bityard489]

Dear, sir, I follow your videos every day; please create a video on Livewire 3 and Cropper.js to crop and store the cropped image, if it is possible.

[@yelocode]

thanks for watching, will try covering it

[@user-cf5uf7vf2g]

this @script tag bugging for a while, i hope this going to save my years of doubt how to use jquery in livewire beautifully.

[@hanymax]

Thanks for great tut

[@yelocode]

Thanks for watching.

[@gaton313]

Thanks for the video. ❤

[@yelocode]

You're welcome 😊

[@gaton313]

@@yelocode you made mention of using alpine js for multi select drop down, could you drop a guide on that, or probably a link here in the comment section.

[@appimedi9738]

Great guy, excellent explaining. Excellent work.!! How can i spend you a cappuccino?

[@MichaelDharenBernardo]

If you use "wire:ignore" for a select field, what happens if the options in that field can change? For instance, if you have a country and state dropdown, and the state options depend on the chosen country. We've been facing this issue with Livewire and would appreciate your assistance.

[@OliverJörns-k7g]

try my solution with alpine and use:
x-data="{ value: @entangle($attributes->wire('model')) }"
x-on:change="value = $event.target.value"
and
x-bind:value="value"
in the select object. This should serve your purpose. Didn't try it out yet but I use something very similar to get Pickaday working with Livewire and this works.

[@nizz4m]

You mentioned that you didnt use select2 personally. Mind to share what you use ?

[@yelocode]

With livewire I usually use alpinejs. If you use jetstream or breeze, it comes with a dropdown component out the box

[@nizz4m]

@@yelocode Thanks for the reply. Really appreciated.

[@SXsoft99]

only problem i found if you have your select not rendered at first because of a condition, you need to init it on load with something like alpinejs

[@amirakotbmassoud3172]

If I use in filter but when delete in select it send to backend and make filter it save the value ancient why I use live wire and select2

[@yves5960]

Hi! What about this kind of multi select dropdown inside a modal? (Select2, choices etc..) Like with the wire elements package?

[@budipriyatno5853]

How to clear/empty select2 after form submit?

[@doabner]

Hello, I need help? can get live that variable?

[@doabner]

I want to create a live event that applies select2, when the user selects a car brand, immediately selecting the car model will have data. Is it possible to do so?

[@yelocode]

If you use $wire.set , it will perform live updates by default, to listen for the changes, you can add a lifecycle hook,
livewire.laravel.com/docs/lifecycle-hooks#update
I also have a video on lifecycle hooks, if you are interested:
ruclips.net/video/QADUTtkH68Q/видео.html

[@sabinmagar4152]

i got $wire is not defined.

[@yelocode]

Make sure you have the @script directive otherwise $wire wont work

[@sabinmagar4152]

@@yelocode works thank you...

[@essamal_agamy148]

Thank you so much! you solved my problem