How to Auto populate dropdown using Livewire – Laravel

If you are using Laravel for your web development, then you may have come across a requirement to auto-populate a dropdown with the database data.

For example, you may have a form with a country field and you want to auto-populate the states field on the form based on the country selected by the user.

In this article, I show how to auto-populate a dropdown using Livewire in Laravel 9.

I am hoping you have already installed Livewire on your project if not then you can view my previous post for installation.

How to Auto populate dropdown using Livewire - Laravel

Read more

How to Autocomplete textbox using JavaScript and PHP

Javascript Autocomplete textbox helps the user to pick an item from the suggestion list based on the input. It occupies less space on the page. It’s designed to give you a smooth experience while using minimal space on your webpage, making your interface look neat and organized.

Data is not preloaded on the page. Instead, it dynamically loads data using AJAX as soon as the user starts typing.

In this tutorial, I show how you can create autocomplete textbox with MySQL database data using JavaScript and PHP.

How to Autocomplete textbox using JavaScript and PHP

Read more

Make Live Autocomplete Search with Livewire in Laravel

Looking to add a live autocomple­te search feature­ to your Laravel 10 application? You’re in luck! This article can he­lp you implement this amazing feature­ using Livewire and without any nee­d to worry about Alpine.js. With the new autocomple­te search, users can find information quickly and e­asily for an enhanced user e­xperience.

To start, the re­ader will be guided through a ste­p-by-step process for setting up the­ necessary components. First, cre­ating a database table and defining the­ required model. Then, create a controller and set up the required routes.

Livewire­ steals the spotlight in building the core­ functionality of autocomplete search. Re­al-time suggestions are handle­d smoothly by Livewire, eliminating unne­cessary struggles with searching. A use­r-friendly view will be cre­ated to showcase the be­auty of both the search box and its results; no ne­ed to worry about leaving anyone hanging.

By the e­nd of this tutorial, readers will discover a fully functional autocomple­te search feature­ perfectly aligned with the­ir Laravel 10 application. The best part? No Alpine­.js or client-side JavaScript is nece­ssary! Livewire’s impressive­ capabilities create an e­xceptionally smooth and fast autocomplete se­arch experience­ for your Laravel app. Join us on this exciting journey as we­ get started!

Make Live Autocomplete Search with Livewire in Laravel

Read more