Как получить выбранные значения переменных из списка выбора и назначить их в качестве глобальных переменных

Question

У меня есть этот код Java, который должен получить значения из выбранных опций.

, что я ищу, это.

1. Получить значение выбранной опции serverName иназначьте его как глобальную переменную.
2. Получите значение выбранной опции targetApp и назначьте его как глобальную переменную.

, например, если выбраны App2 и ServerC, значения переменных должны бытьчто-то вроде.

var AppName = App2
var hostName = ServerC

не уверен, как добавить это к этому коду.

Примечание: у меня нет хорошего опыта работы с Javascript, но я должен сделать это, поэтому любая помощь будет оценена.

JS

var serverName = {
    App1: ["Server1", "Server2", "Server3"],
    App2: ["ServerA", "ServerB", "ServerC"],
    App3: ["ServerX", "ServerY", "ServerZ"]
}

    function changecat(value) {
        if (value.length == 0) document.getElementById("category").innerHTML = "<option></option>";
        else {
            var catOptions = "";
            for (categoryId in serverName[value]) {
                catOptions += "<option>" + serverName[value][categoryId] + "</option>";
            }
            document.getElementById("category").innerHTML = catOptions;
        }
    }

HTML

    <script type="text/javascript" src="java1.js"></script>

    <select name="targetApp" id="targetApp" onChange="changecat(this.value);">
        <option value="" disabled selected>Select</option>
        <option value="App1">App</option>
        <option value="App">App</option>
        <option value="App">App</option>
    </select>
    <select name="category" id="category">
     <option value="" disabled selected>Select</option>
    </select>