Dependency dropdown from database in Laravel

Question

I have two select fields (City, Area). The city field's data will automatically show from the database. But Area data will be shown depends on the City from the database. No one can select the Area without selecting the City. There is (id, city_id, area_name) column in the Area table.

Please have a look at my code:

<select name="city" id="city">
            <option value="">City</option>
            @foreach($citylist as $city)
                <option value="{{$city->id}}">{{$city->city_name}}</option>
            @endforeach
        </select>
        <select name="area" id="area">
            <option value="">Area</option>
            @foreach($arealist as $area)
                <option value="{{$area->id}}">{{$area->area_name}}</option>
            @endforeach
        </select>

How can I do that in Laravel 7?

I have zero knowledge of ajax. Can you share something so that I can learn? — Tusher, May 21 '20 at 16:47
https://stackoverflow.com/questions/55017659/laravel-ajax-dropdown-example — Felippe Duarte, May 21 '20 at 18:43

score 0 · Accepted Answer · answered May 25 '20 at 10:48

0

I have written a blog which is kind of similar to this problem, Kindly go through this blog
Hope this will help!
Good luck

answered May 25 '20 at 10:48

Chandni Soni

377
4
16

Dependency dropdown from database in Laravel

1 Answers1