"getElementById (...). options равен нулю или не является объектом" только в IE7

Question

Я иду задавать вопрос в плачевном состоянии поражения.Я потратил почти 10 часов на эту единственную извиняющуюся маленькую проблему, и многие из них потратили на изучение подобных проблем здесь, на стековом потоке, а также в других местах в Интернете.

Вот в чем дело: я использую форму выбора со значениями параметров для завершения ссылок на страницы, но когда я использую onchange (или onblur), чтобы добраться до выбранного элемента, IE7 думает, что там ничего нет (хотя IE8, 9, Chrome, функция FF, как я и предполагал).

CMS запутана, поэтому есть некоторые ограничения на то, где я могу добавлять сценарии, но я понимаю, что DOM может быть проблемой для меня здесь.Я также попытался поместить функцию в window.onload на случай, если это вызвало проблему, но это не так.Вот мой код:

<form name="myBrowseForm" action="/portal/" method="post">
    <label for="redirect">Choose a Region</label>
    <br />
    <select id="organization" onchange="document.myBrowseForm.action=document.getElementById('organization').options[document.getElementById('organization').selectedIndex].value;" name="shortcut">
        <option value="#">Select a Region</option>
        <option value="/r1">New England (1)</option>
        <option value="/r2">Northeast & Caribbean (2)</option>
        </select>
        <input border="0" hspace="5" src="/btn_go.gif" alt="Go" onclick="if(document.myBrowseForm.action != ''){document.myBrowseForm.submit();} else return false;" type="image">
        </form>

Я ценю любые рекомендации, которые вы можете получить для меня!

Answer 1

Возможно, вы можете попробовать что-то вроде этого:

<form name="myBrowseForm" action="/portal/" method="post">
    <label for="redirect">Choose a Region</label>
    <br />
    <select id="organization" onchange="document.myBrowseForm.action=this.options[this.selectedIndex].value;" name="shortcut">
        <option value="#">Select a Region</option>
        <option value="/r1">New England (1)</option>
        <option value="/r2">Northeast & Caribbean (2)</option>
    </select>
    <input border="0" hspace="5" src="/btn_go.gif" alt="Go" onclick="if(document.myBrowseForm.action != ''){document.myBrowseForm.submit();} else return false;" type="image">
</form>

Answer 2

Вы пробовали document.getElementById('organization').value, а не варианты?

Предоставление:

<form name="myBrowseForm" action="/portal/" method="post">
    <label for="redirect">Choose a Region</label>
    <br />
    <select id="organization" onchange="document.myBrowseForm.action=document.getElementById('organization').value;" name="shortcut">
        <option value="#">Select a Region</option>
        <option value="/r1">New England (1)</option>
        <option value="/r2">Northeast & Caribbean (2)</option>
    </select>
    <input border="0" hspace="5" src="/btn_go.gif" alt="Go" onclick="if(document.myBrowseForm.action != ''){document.myBrowseForm.submit();} else return false;" type="image">
</form>