IE中的表单元素“未定义”，因此无法访问。 在FF和Chrome中可以正常运行

Question

这很奇怪，因为我在IE中仅收到1个错误：“ sTime未定义”。 sTime是表单中许多输入元素之一的ID。 在Chrome和FF中一切正常。 这是代码的链接：

http://la.truxmap.com/sched.html

和表单html：

<form id="addNewTruck" class='updateschedule' action="javascript:sub(sTime.value, eTime.value, lat.value, lng.value, street.value);"> 

    <b style="color:green;">Opening at: </b> 
        <input id="sTime" name="sTime" title="Opening time" value="Click to set opening time" class="datetimepicker"/> 

    <b style="color:red;">Closing at: </b> 
        <input id="eTime" name= "eTime" title="Closing time" value="Click to set closing time" class="datetimepicker"/> 

    <b style="color:blue;">Address: </b> 
        <input type='text' name='street' id='street' class='text street' autocomplete='off'/> 
        <input id='submit' class='submit' style="cursor: pointer; cursor: hand;" type="submit" value='Add new stop'/> 
    <div id='suggests' class='auto_complete' style='display:none'></div> 
        <input type='hidden' name='lat' id='lat'/> 
        <input type='hidden' name='lng' id='lng'/> 
        <input type='hidden' value='CA' name='state' id='state' class='text state' /> 

谢谢你的帮助！

Answer 1

• 尝试将JavaScript置于onsubmit事件而非action

• 在JS中不太明确地处理表单元素，例如使用this.elements.sTime 。 元素名称可能在文档的其他地方使用。

Answer 2

表单中的Javascript应该可以正常运行。 也许您应该使用以下内容代替sTime.value ：

document.forms[0].sTime.value

当然，这意味着此表单是页面中的第一个表单（否则，您必须将...forms[0]...更改为...forms['formname']...或...forms[<form index>]... ）