JSFiddle - React, Tailwind, and code Playground

by Guillaume Lafarge

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Selectivity.js/2.1.0/selectivity-full.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Selectivity.js/2.1.0/selectivity-full.css">
<h1>Select something</h1>
<p><span id="selectivity-input"></span></p>

JavaScript

$input = $('#selectivity-input');

  $input.selectivity({
      ajax: {
          url: 'http://test-feed.json',
          transport: function(settings) {
              var jsonObject = {
                  items: [{
                      "id": 1,
                      "text": 'Amsterdam'
                  }, {
                      "id": 2,
                      "text": 'Antwerp'
                  }, {
                      "id": 3,
                      "text": 'Athens'
                  }]
              };

              settings.success(jsonObject);
          },
          results: function(data) {
              return {
                  results: data.items,
                  more: false
              };
          }
      }
  });