Firefox считает, что форма не определена, но IE и Chrome

Question

Я пытаюсь получить значение из выпадающего меню. Вот мой XHTML:

    <form action="(EmptyReference!)" method="get" name="myForm" id="myForm" onsubmit="myValidation(this)">
    <fieldset>
        <select name="mySelect" id="mySelect">
            <option value="o1" selected="selected">Option 1</option>
            <option value="o2">Option 2</option>
            <option value="o3">Option 3</option>
            <option value="o4">Option 4</option>
        </select>

А вот и мой JavaScript:

if (myForm.mySelect.options[myForm.mySelect.options.selectedIndex].value == 'o1')
    [...];
else if (myForm.mySelect.options[myForm.mySelect.options.selectedIndex].value == 'o2')
    [...];
else if (myForm.mySelect.options[myForm.mySelect.options.selectedIndex].value == 'o3')
    [...];
else
    [...];

Отлично работает в IE и Chrome. Но когда я нажимаю кнопку отправки в Firefox, ничего не происходит. Firebug говорит мне, что myForm не определен. Что дает? Есть ли обходной путь?

Answer 1

Вы должны использовать getElementById() для лучшей совместимости.

var mySelect = document.getElementById('mySelect');
if (mySelect.options[mySelect.options.selectedIndex].value == 'o1')
...

Answer 2

насколько я знаю, вы должны использовать document.myForm