Wyświetlanie przy pomocy Select i option

Witam,

Potrzebuje pomocy w przerobieniu kodu, mam dosyć dobrze napisany program jednak, nie mogę sobie poradzić z wyświetlaniem z bazy danych - danych przy pomocy select i option, nie za bardzo ma pomysł jak to zmienić. Chociaż udało mi się sprawić, że wyświetla wszystko jako jedną wiersz, a nie pojedyńcze i tu właśnie jest problem, nie mam juz pomysłu jak to odpowiednio zaprogramować.
PHP
'''php

<?php header("Content-Type: application/json; charset=UTF-8"); $conn = new mysqli("localhost", "root", "", "wiki"); $conn->set_charset('utf8'); $stmt = $conn->prepare("SELECT * FROM provinces ORDER BY Name ASC"); $stmt->execute(); $result = $stmt->get_result(); $outp = $result->fetch_all(MYSQLI_ASSOC); echo json_encode($outp, JSON_UNESCAPED_UNICODE); $stmt->close(); $conn->close(); ?>

'''
Js
'''

onst $list = $('#provinces');

$('#provincesButton').on('click', function() {
$.get("server/provinces.php")
.done(resp => {
$list.empty();
if(resp.length === 0) {
$citiesList.append(<option class="list-group-item">Dodaj województwa do bazy</option>);
return
}
resp.forEach(row => {
$list.append(<option id="${row.Pid}" class="list-group-item">${row.Name}</option>);
})
})
.fail(() => {
alert("Wystąpił błąd w połączeniu");
})
.always(() => {
});
})

'''
HTML
'''html

<select id="provincesButton" data-toggle="collapse" data-target="#provinces" name="name"> <option id="provinces" class="list-group collapse" value=""> </option> </select>

'''

Zobacz => https://stackoverflow.com/a/8951858