JSFiddle - React, Tailwind, and code Playground

JavaScript

$(function(){
    
hash_sort_cat= {"Gare":[{"address":"","city":"","latitude":null,"longitude":null,"name":"test","postal_code":""},{"address":null,"city":null,"latitude":null,"longitude":null,"name":"test","postal_code":null}],"Aeroport":[{"address":null,"city":null,"latitude":null,"longitude":null,"name":"test_aero","postal_code":null},{"address":null,"city":null,"latitude":null,"longitude":null,"name":"essai","postal_code":null}],"Hopital":[{"address":null,"city":null,"latitude":null,"longitude":null,"name":"test_hop1","postal_code":null},{"address":null,"city":null,"latitude":null,"longitude":null,"name":"test_hop2","postal_code":null}]}

  



$('body').append($('<select/>').attr('id',"sel"));
$.each(hash_sort_cat, function(key,val){
    $('#sel').append($("<option/>").val(key).text(key).data('points',val));
    })

$('#sel').on('change', function(){ console.log($(this).find(':selected').data('points'));
                                 })
})