Using one script for multiple forms on a single page

Question

I have built a multipage offline mobile webapp in a single html file. Each form requires a timestamp of when the form loads, since it won't be submitted to the server until the user has connectivity sometime later. I'm using the following script to get the timestamp

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

I use this in each of the four forms:

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

This works well for the first form that is viewed, but doesn't work for any of the other forms. I've tried everything that I can think of but I am a js novice. Thanks for any help.

tckmn · Accepted Answer · 2014-12-01 00:54:25Z

1

ids must be unique. If you must label multiple elements, use a class instead.

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;
    }
}

answered Dec 1, 2014 at 0:54

tckmn

59.6k27 gold badges118 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chad Verity Over a year ago

Works like a charm. Thank you. I should have posted a week ago and saved myself a lot of time.

Collectives™ on Stack Overflow

Using one script for multiple forms on a single page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related