How To Load JSON Data From Rest API To Select2 JQuery Plugin

A simple tutorial contains JSON data from the rest API on the select2 plugin using jquery. Hi friends, it’s been a long time since I made a new article in the midst of my busy life as a programmer. In this article, I will share a few tricks on how to display JSON data in our favorite select plugin, select2. Check out the following tutorial.

Maybe a lot of select2 tutorials have been shared in various sites. There are still many who ask me how to add data or load JSON data to select2. The method is quite easy, please follow the steps below

Tutorial How To Load JSON Data To Select2 Plugin

In my example, I use css bootstrap framework.

Create select / combobox elements in html

Add the following CSS so that the width of the select2 element can be maximum / 100%

The most important code is the following: JQuery code to load JSON data on select2

The above method is quite short, and you can practice the application that you are developing.

I have another select2 tutorial “How To Use Select2 Remote AJAX With Example in JQuery, PHP And MySQL” maybe you can review it as learning material.


So, my short tutorial How to load JSON data to select2 with JQuery, I hope is useful.

The following two tabs change content below.
This site is a personal Blog of Sigit Prasetya Nugroho, a Desktop developer and freelance web developer working in PHP, MySQL, WordPress.

Leave a Comment

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.