JSFiddle - React, Tailwind, and code Playground

by Budhram Gurung

HTML

<select id="player"></select>

JavaScript

var res = '{"allSportPosition":{"25":"Forwards (Strickers)","27":"Fullbacks (Defenders)","28":"Goalkeeper ","26":"Midfielders"}}';
    
try {
    var sportPositionOptions = '';
    var parsedJson = JSON.parse(res);
    var allSportPosition = parsedJson.allSportPosition;
    var values = new Array();
    $.each(allSportPosition, function (index, value) {
        values.push(value);
    });
   // alert(values.length);
    values.sort();
    $.each(values, function (atIndex, atValue) {
        sportPositionOptions = sportPositionOptions + '<option value="' + atIndex + '">' + atValue + '</option>';        
    });
    $(sportPositionOptions).appendTo("#player");    
} catch (e) {
    alert("Parsing error:" + e);
}