跨浏览器的问题:的document.getElementById()值在IE无法正常工作,但在Fir

2019-10-29 02:06发布

我有1个下拉框[年],2文本框[startDate, endDate] ,每当从下拉菜单中选择用户每年再文本框startDate应该自动填充到01/01/+yearendDate12/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')


文章来源: Cross Browser Issue : document.getElementById().value not working in IE but works in Firefox