JSFiddle - React, Tailwind, and code Playground

HTML

<div class="editor-field">
<select id="ParentCategoryId" name="ParentCategoryId">
<option value="1">TOP LEVEL CATEGORY</option>
<option value="2">Metal Detectors</option>
<option value="4">Books</option>
<option value="5">Maps</option>
<option value="6">Magazines</option>
</select>        
</div>

JavaScript

$(document).ready(function () {

$('#ParentCategoryId').change(function() {

    var data = 
{
    "categories": {
        "category1": {
            "Name": "Maps",
            "Id": 3,
            "orderInList": 1
        },
        "category2": {
            "Name": "Books",
            "Id": 2,
            "orderInList": 2
        }
    }
};
        
    $.ajax({
        url: '/echo/jsonp/',
        dataType: 'json',
        data: data,
        success: function(data) {
            show_response(data);
        },
        type: 'GET'
    });
});            
     
    function show_response(data) {
            $.each(data, function()
        {        
            alert(this.Name);
        });
    };   
});