Попытка получить доступ к определенному значению параметра для создания всплывающего окна

Question

Я пытаюсь использовать событие щелчка для создания всплывающего окна на основе выбранного выбранного значения.У меня возникли проблемы с оператором if и я пытаюсь получить доступ к каждому конкретному значению параметра.Кто-нибудь из вас может дать мне несколько советов?

        <select id="offices">
            <option value="Choose an Office">Choose an Office</option>
            <option value="Residential Education (ResEd)" >Residential Education (ResEd)</option>
            <option value="Dean of Students">Dean of Students</option>
            <option value="Office of Student Affairs">Office of Student Affairs</option>
            <option value="Vice-Provost of Student Affairs">Vice-Provost of Student Affairs</option>
        </select>
</div>

Функция дисплея () {

        var officearray = [{
            Office: "Residential Education (ResEd)",
            ID: "725-2800",
            Description: "The Office of Residential Education is responsible for developing the policies, programs, and staffing which support the intellectual, educational, and community-building activities in student residences.  Second Floor. "
        }, {
            Office: "Dean of Students",
            ID: "723-7833",
            Description: "The Dean of Students office is composed of 13 individual administrative units that are concerned with the general welfare of both undergraduate and graduate students, in and out of the classroom.  Second floor."
        }, {
            Office: "Office of Student Activities (OSA)",
            ID: "723-2733",
            Description: "Services for student organizations, student-initiated major events and programs, and fraternities and sororities.  Second floor."
        }, {
            Office: "Vice-Provost of Student Affairs",
            ID: "725-0911",
            Description: "The Vice Provost for Student Affairs is responsible to the Provost for providing services and programs to undergraduate and graduate students in support of the academic mission of the University.  Second floor."
        }]

        for(var i = 0; i < officearray.length; i++) {
            var o = document.getElementById("offices")
            var oString = o.options[o.selectedIndex].value;

            newwindow2 = window.open('', 'name', 'height=200, width=150')
            var tmp = newwindow2.document
            if (oString == officearray[i].Office) {
                tmp.writeln(officearray[i].Description)
            }

        }
    }
    document.getElementsByTagName('option').addEventListener("click",display,false)

Answer 1

Спасибо за ответ.Скорее я просто изменил событие onlick на onchange и избавился от периода addEventListener.Затем я использовал обработчик событий, совместимый с W3C, для обработки события изменения.

document.getElementById("offices").onchange=display;

Answer 2

Предполагая, что я понимаю ваш вопрос, попробуйте заменить последнюю строку на следующие:

var options = document.getElementsByTagName('option');
for(var i = 1; i < options.length; i++) { options[i].addEventListener("click", display, false) }

Вы пытаетесь использовать AddEventListener для массива элементов, который не будет работать.