对单个页面上的多个表单使用一个脚本答案

【问题标题】：Using one script for multiple forms on a single page对单个页面上的多个表单使用一个脚本
【发布时间】：2015-01-28 23:28:54
【问题描述】：

我在单个 html 文件中构建了一个多页离线移动 webapp。每个表单都需要一个表单加载时间的时间戳，因为它不会被提交到服务器，直到用户稍后连接。我正在使用以下脚本来获取时间戳

<script>window.onload = function() {document.getElementById('date').value = Date();}</script>

我在四种形式中的每一种中都使用它：

                    <input name="date" id="date" type="text">

这适用于查看的第一个表单，但不适用于任何其他表单。我已经尝试了我能想到的一切，但我是一个 js 新手。感谢您的帮助。

【问题讨论】：

标签： javascript html forms mobile web-applications

【解决方案1】：

ids 必须是唯一的。如果您必须标记多个元素，请改用class。

HTML：

<input name="date" class="date" type="text">

JS：

window.onload = function() {
    var currentDate = Date(),
        dateElements = document.getElementsByClassName('date');
    for (var i = 0; i < dateElements.length; ++i) {
        dateElements[i].value = currentDate;
    }
}

【讨论】：

像魅力一样工作。谢谢你。我应该在一周前发布并为自己节省了很多时间。