Как сделать зависимые выпадающие

Question

строить зависимые опции выбора, значения которых выбираются из базы данных.Я пытался использовать JavaScript и MySQL и PHP, но безрезультатно.может кто-нибудь помочь мне здесь?

<div class="frmDronpDown">
    <div class="row">
        <label>Country:</label><br />
        <select name="country" id="country-list" class="demoInputBox" onChange="getState(this.value);">
            <option value="">Select Country</option>
        <?php
            foreach ($countryResult as $country) {
        ?>
            <option value="<?php echo $country["id"]; ?>"><?php echo $country["country_name"]; ?></option>
        <?php
            }
        ?>
        </select>
    </div>
    <div class="row">
        <label>State:</label><br /> <select name="state"
            id="state-list" class="demoInputBox">
            <option value="">Select State</option>
        </select> <img id="loader" src="./images/loader.gif" />
    </div>
</div>
<script>
function getState(val) {
    $("#loader").show();
    $.ajax({
        type: "POST",
        url: "htttp://localhost/resumesite/admin/get-state.php",
        data: 'country='val,
        success: function(data){              
        }
    });
}
</script>