How to Implement Dynamic Dependent Dropdown Using Laravel Livewire | Tutorial

Hey guys, It's been a while since I haven't uploaded any video on RUclips.
So I am back with a tutorial to implement dynamic dependent dropdown using Livewire.
We will be using Livewire's lifecycle hooks property to implement this feature. And Livewire makes it quite easy to implement such features in Laravel without using any Javascript code.
--------------------------------------------------------------------------------
Presenting to you all my new course about Filament Admin Panel where we will be building a fully functional support ticket system from Scratch. We will also work with Roles and Permissions without using any external packages and learn a lot of stuff along the way.
Link to the Course:
www.udemy.com/...
--------------------------------------------------------------------------------
Links:
Livewire Documentation: laravel-livewi...
Dependent Dropdown GitHub Repo: github.com/tap...
----------------------------------------------------------------------------------
Support My Work:
www.buymeacoff...
----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Connect With Me:
Twitter: / tapansharma__
-----------------------------------------------------------------------------------
My RUclips Play Lists:
Vue Datatables Series : • Video
-----------------------------------------------------------------------------------
Livewire Datatables Series: • Let's Build Some Datat...
-----------------------------------------------------------------------------------
Integrating E-Sewa Payment Gateway on a Laravel App: • Let's Integrate E-Sewa...
-----------------------------------------------------------------------------------
Laravel Fortify Integration Tutorial: • Let's Implement Authen...
-----------------------------------------------------------------------------------
Implement Dynamic Navigation Bar on a Laravel App: • Implementing Dynamic N...
-----------------------------------------------------------------------------------
Implementing Select2 on a Laravel App: • Let's Implement Select...
-----------------------------------------------------------------------------------

[@mahnazrafiaislam5063]

Thanks for this easy tutorial. If I want to do this in the edit/ update form, what extra changes I have to do? If possible please make a tutorial for the edit form also. Thank you.

[@davidkamau7871]

Hi what if i wanted to fetch data within a class Column like the name . How would i approach that? Please assist

[@renatoalvareztv]

Hello, how can I show a transition effect in select section ?

[@ghostHoodie2212]

It's weird. I cannot get the 2nd select field showed up

[@AQEELAbdulmajeed-dh1ti]

in my case not working . always show hold on... not update on changing

[@wasamr4703]

how to show the value of an input through a select?

hello, i had a question. I made a similar use with similar procedures, but I can't get it selected in the edit form, for some reason I couldn't find the reason, do you have any suggestions?

[@vutienle926]

i have a same issues, do you fixed that ?

@@vutienle926 unfortunately i couldn't solve it

[@vutienle926]

@ me too, i don’t know why, when i use , binding data work, but when I use , binding data not work :((

@@vutienle926 I solved this problem, I'm sorry, I thought it was a different topic. I solved the problem in this way. First of all, I forwarded the ids to add livewire('xxx',[xid,yid,zid]) in my blade file and changed the model name in the selectbox to selectedXXX. Then I specified this model name in the component and checked the x, y, z ids in the mount process and if there is a value, I assigned the ids to selectedXXX, then the problem was fixed. I tried to write from the phone, sorry if I made a mistake

[@vutienle926]

@ thanks for your reply, I’ll try it.

[@TusharZambare]

Good👍

[@rudybekker8472]

Thanks for the cool vid

[@TapanSharma.]

I'm glad you liked It.

[@pierdocks5412]

Great way of putting this sample together, thank you.

[@ekap5394]

not working for me, it said invalid argument supplied for foreach()

[@neshken2106]

And in case you wanted to do it in a crud to edit

[@babasingh801]

hey, how can i pre populate the form in edit form, please.

[@TapanSharma.]

Its done in here => ruclips.net/video/Mg7EIxomrUY/видео.html

[@Moreno6000]

I just want to show the selected value without submitting the form

[@u.janvier2548]

Thanks for the tutorial! I am new in livewire and from yesterday I have been struggling with this. Great work

[@ngebolangria1060]

Hello sir, thank you for the tutorial. Would it be possible to have another livewire tutorial about how to add new row table in a dynamic form pls?

[@pierdocks5412]

Short but very insightful, thank you so much! Keep up the good work..

[@RAMILTK]

How we can retrieve saved data and modify? Can you able to help me on this?

[@technery]

High Quality voice recording thanks ....wow ... wow ...wow

[@andywong2244]

thank you so much for this brother! great work!

[@ArbyCuning]

nicee bro its helpfull

[@jitendralovekar1]

Very informative and well explained. Thank you.

[@tan.rajesh1481]

Great 👍 sir. Thank you

[@iliyasmsc]

Can you please make with select2.

[@alejandroarias1289]

Great, i find for long Time ago. Thank.

[@SubhaShaarma]

Good work

[@Bruno25rs]

Excelent!

[@arunbm123]

Hi Tapan How do I get Dropdown selected Text along with Value ?

[@TapanSharma.]

I don't think you can get the text of that option but you can query the database using the value that you get, probably with the ID as I did in the Video.

[@blueakari1804]

How can we save to database when wire:model already used for selectedSection?

[@TapanSharma.]

On the livewire component itself, you can store the data to database when submit button is clicked and in order to get the currently selected section id, you could use $this->selectedSection.

[@blueakari1804]

@@TapanSharma. thank you for your explanation. But i already solved it using wire:model.lazy 😊