Отображение информации при выборе option в select box

Серверная страница допустим service.php

<?php
$sql = "SELECT service FROM services GROUP BY service";
$result = mysqli_query($con, $query);
$service = array();
while($row = mysqli_fetch_array($result)){
    $service[] = $row;
}
echo json_encode($service, JSON_UNESCAPED_UNICODE);
?>

И клиентский JS(я обычно использую JQ буду писать под него)

$(function(){
    function selectUpdate() {
        $.ajax({
            url: 'service.php',
            async:false,
            success: function(data){
                json = JSON.parse(data);
                $('#service').html('');
                for (i = 0; i < json.length; i++)
                    $('#service').append('<option value="'+json[i].service+'">'+json[i].service+'</option>');
            }
        });
    }
    selectUpdate();
    $('#service').on('change', function(){
        selectUpdate();
    });
});

P.S.: Тут только каркас того как делать обновление для select по коду можно дальше реализовать