Кросс-браузерная проблема: document.getElementById (). Значение не работает в IE, но работает в Firefox

Question

У меня есть 1 выпадающий список [год], 2 текстовых поля [startDate, endDate], когда пользователь выбирает год из выпадающего меню, текстовые поля startDate должны автоматически заполняться до 01/01/+year и endDate до 12/31/+year. Приведенный ниже скрипт отлично работает в Firefox, но в IE getElementById ('ff5'). Значение не работает, какие-либо предложения?

Мой сценарий:

<script>
function autoPopulateDate(value, startDt,endDt){
      document.getElementById(startDt).value='01/01/'+value;
      document.getElementById(endDt).value='12/31/'+value;
}
</script>

HTML код:

<tr>
    <td>
        <select onchange="autoPopulateDate(this.value,'ff5','ff6')" size="1" name="ff4" id="ff4"><option value="">--&gt;select value&lt;--</option><option value="2005">2005</option>
        <option value="2006">2006</option>
        <option value="2007">2007</option>
        <option value="2008">2008</option>

        <option value="ALL">ALL</option>
        </select>
    </td>
</tr>
<tr>
    <td ><font class="rtabletext">Savings Start Date: </font></td>
    <td >
        <input type="text" value="" name="ff5" id="ff5" maxlength="50" size="10" class="text">
    </td>
</tr>
<tr>
    <td><font class="rtabletext">Savings End Date: </font></td>
    <td>
        <input type="text" value="" name="ff6" id="ff6" maxlength="50" size="10" class="text">
    </td>
</tr>

Answer 1

IE [по крайней мере, некоторые версии и режимы рендеринга] хочет, чтобы вы обращались к членам формы через коллекцию форм.

document.forms['someform'].elements['someelement'].value

В качестве альтернативы, вы можете использовать некоторую библиотеку ajax (например, http://www.asp.net/ajax) и использовать метод поиска элементов этих библиотек, поскольку они обычно учитывают совместимость с браузером ...

$get('element')