JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="foo" value="test" />
<ul id="bar"></ul>

JavaScript

$(function(){

var currentJson;    
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(){ 
    currentJson = $(this).find(':selected').data('points');
    console.log(currentJson)
                                 })

$('#foo').on('click', function(){
     $('#bar').empty();
    $.each(currentJson, function(idx,val){  
        console.log(val)
        $('#bar').append($('<li/>').text(val.name)) ;
    })
})


})