Вызов JSON Ссылка и фильтрация с использованием Dropdown

Question

У меня есть этот код, где я отображаю данные из базы данных, используя ссылку json, которая вызывает файл read. php и отображает его на моем WordPress-сайте. На данный момент я застрял, так как мне нужно отфильтровать таблицу по тому, какой столбец пользователь выбирает из выпадающего списка.

Примечание: я также использую плагин JSON Content Importer для вызова ссылки

HTML Код и сценарий

<label for="league">Choose a League:</label>
<select id="league">
  <option value="premierleague">Premier League</option>
  <option value="seriea">Serie A</option>
  <option value="bundesliga">Bundesliga</option>
  <option value="laliga">La Liga</option>
  <option value="ligue1">Ligue 1</option>
</select>
<br><br><br><br>
<table>
  <thead>
<tr>
   <th>ID</th>
   <th>Shoes</th>
   <th id=league>Premier League</th>
</th>
</tr>
</thead>
<tbody>
[jsoncontentimporter url=https://soccerdirect.net/statistics/read.php?id=1 basenode=data]
 <tr>
     <td>{id}</td>
     <td>{shoes}</td>
     <td>{premierleague}</td>
 </tr>
[/jsoncontentimporter]
</tbody>
</table>

<script type="text/javascript">
    $(document).ready(function($) {
  $('#league').change(function() {
    var selection = $(this).val();
     var dataset = $('table').find('tr');
    dataset.show();
    dataset.filter(function(index, item) {
      return $(item).find('td:first-child').text().split(',').indexOf(selection) === -1;
    }).hide();
  });
});
</script>
</html>

Таблица

Таблица базы данных

HTML Таблица

HTML Таблица