{"id":18622,"date":"2020-09-10T13:53:39","date_gmt":"2020-09-10T13:53:39","guid":{"rendered":"http:\/\/www.devopsschool.com\/blog\/?p=18622"},"modified":"2021-10-29T06:31:43","modified_gmt":"2021-10-29T06:31:43","slug":"how-to-use-dropdown-search-functionality-with-pagination-in-laravel-php-framework","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/how-to-use-dropdown-search-functionality-with-pagination-in-laravel-php-framework\/","title":{"rendered":"How to Use Dropdown Search Functionality with Pagination in Laravel PHP Framework?"},"content":{"rendered":"\n\n\n

<\/p>\n\n\n\n

Step 1<\/strong>. Firstly, add dropdown in blade file according to below code,here mention name=”city_filter” and id id=”city_filter”<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

step 2<\/strong>:pass id in table tag in
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

step 3<\/strong>: write jquery code that is mention below. certain code observe carefully.
(i) pass id dropdown city_filter in jquery code $(“#city_filter”),
(ii) welcome_country is named routing mentioned in routes url:”{{ url(‘welcome_country’) }}?filter_city=”+city_filter,
(iii)step 2 table id pass in jquery $(‘#myTable tbody’).html(”);<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

step 4: Routing <\/strong><\/p>\n\n\n\n

step 3 second point url name should match in routing
Route::get(‘welcome_country’,’GuestController@welcome_country’)->name(‘welcome_country’);<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

step 5:Controller
(i) $filter_city mention in jquery is requested particular city in $filter_city = $request->get(‘filter_city’);
(ii) if filter city is selected in dropdown then selected city id should match with table
(iii) return page blade file mention in step 2 and compact variable should match with page blade file
return view(‘page’, compact(‘gallery’))->render(); match with in blade file @foreach ($gallery as $gall) will be mention in next step<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

step 6<\/strong>: blade file code<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

NOTE: CSS and script bootstrap link should not missed<\/strong><\/p>\n\n\n\n

Result<\/strong>: select dropdown city<\/p>\n\n\n