Makitweb - Page 15 of 102 -

How to Auto populate dropdown using Livewire – Laravel

Last updated on January 8, 2023 by Yogesh Singh

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

How to Autocomplete textbox using JavaScript and PHP

Last updated on August 3, 2023 by Yogesh Singh

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

Reorder images and save to MySQL database – CodeIgniter 4

Last updated on December 14, 2022 by Yogesh Singh

Using jQuery UI sortable you can enable HTML element dragging on your page.

Initialize it on the element that you want to allow the users to reorder.

In this tutorial, I show how you can reorder images using jQuery UI and save them to the MySQL database in CodeIgniter 4.

Reorder images and save to MySQL database - CodeIgniter 4

Make Live Autocomplete Search with Livewire in Laravel

Last updated on June 6, 2023 by Yogesh Singh

Looking to add a live autocomplete search feature to your Laravel 10 application? You’re in luck! This article can help you implement this amazing feature using Livewire and without any need to worry about Alpine.js. With the new autocomplete search, users can find information quickly and easily for an enhanced user experience.

To start, the reader will be guided through a step-by-step process for setting up the necessary components. First, creating 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. Real-time suggestions are handled smoothly by Livewire, eliminating unnecessary struggles with searching. A user-friendly view will be created to showcase the beauty of both the search box and its results; no need to worry about leaving anyone hanging.

By the end of this tutorial, readers will discover a fully functional autocomplete search feature perfectly aligned with their Laravel 10 application. The best part? No Alpine.js or client-side JavaScript is necessary! Livewire’s impressive capabilities create an exceptionally smooth and fast autocomplete search experience for your Laravel app. Join us on this exciting journey as we get started!