JSFiddle - React, Tailwind, and code Playground

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[index] = 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); 
    }