//function updateMonstersDropdownBySelected() {
//    const selectedMonster = parent.value;
//
//    // Fetch monsters data from the server based on the selected monster
//    fetch(`/monster/${selectedMonster}`)
//        .then(response => response.json())
//        .then(data => populateDropdown(monsterDropdown, data))
//        .catch(error => console.error("Error fetching monsters:", error));
//}