JSFiddle - React, Tailwind, and code Playground

by koh_edwin

HTML

<!DOCTYPE html>

<html>

<head runat="server">
  <title></title>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2-rc.1/css/select2.min.css" rel="stylesheet" />
</head>

<body>
  <select id="mySelect">
  </select>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.full.min.js"></script>
</body>
</html>

JavaScript

$(document).on("ready", function() {
  var data = [{text:"Canada", level:1, isActive:1},
{text:"Newfoundland and Labrador", level:2, isActive:1},
{text:"Central Health", level:3, isActive:1},
{text:"Eastern Health", level:3, isActive:1},
{text:"Labrador–Grenfell Health", level:3, isActive:1},
{text:"Western Health", level:3, isActive:1},
{text:"Prince Edward Island", level:2, isActive:1},
{text:"Nova Scotia", level:2, isActive:1},
{text:"Central Zone (N.S.)", level:3, isActive:1},
{text:"Eastern Zone", level:3, isActive:1},
{text:"Northern Zone", level:3, isActive:1},
{text:"Western Zone", level:3, isActive:1},
{text:"New Brunswick", level:2, isActive:1},
{text:"Zone 1 (Moncton Area)", level:3, isActive:1},
{text:"Zone 2 (Saint John Area)", level:3, isActive:1},
{text:"Zone 3 (Fredericton Area)", level:3, isActive:1},
{text:"Zone 4 (Edmundston Area)", level:3, isActive:1},
{text:"Zone 5 (Campbellton Area)", level:3, isActive:1},
{text:"Zone 6 (Bathurst Area)", level:3, isActive:1},
{text:"Zone 7 (Miramichi Area)", level:3, isActive:1},
{text:"Quebec", level:2, isActive:1},
{text:"Abitibi-Témiscamingue Region", level:3, isActive:1},
{text:"Bas-Saint-Laurent Region", level:3, isActive:1},
{text:"Capitale-Nationale Region", level:3, isActive:1},
{text:"Chaudière-Appalaches Region", level:3, isActive:1},
{text:"Côte-Nord Region", level:3, isActive:1},
{text:"Estrie Region", level:3, isActive:1},
{text:"Gaspésie–Îles-de-la-Madeleine Region", level:3, isActive:1},
{text:"Lanaudière Region", level:3, isActive:1},
{text:"Laurentides Region", level:3, isActive:1},
{text:"Laval Region", level:3, isActive:1},
{text:"Mauricie et Centre-du-Québec Region", level:3, isActive:1},
{text:"Montérégie Region", level:3, isActive:1},
{text:"Montréal Region", level:3, isActive:1},
{text:"Nord-du-Québec Region", level:3, isActive:1},
{text:"Nunavik Region", level:3, isActive:1},
{text:"Outaouais Region", level:3, isActive:1},
{text:"Saguenay–Lac-Saint-Jean Region", level:3,...