How can I insert result of JS function in html form?

Question

I have a question - how insert result of JS function in html form? I need to put time (in hh:mm format) into "value" in form. The JS code:

function getHours() {
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
document.getElementById('clientid').value=h+" "+m;}

The HTML form:

<html>
<form method='post' action='http.example.com/some.php'>
    <input type='hidden' name='clientid' id='clientid' value="test" action="javascript:getHours()" />
</form>
</html>

Thank you for your attention!

what are you trying to do you want to set value to <input type='hidden' name='clientid' id='clientid' value="test" action="javascript:getHours()" /> which is hidden. — ozil
– ozil, Commented Dec 4, 2015 at 10:26

Shota · Accepted Answer · 2015-12-04 10:18:10Z

2

You need to load your function like this:

<html>

<body onload="getHours()">
    <form method='post' action='http.example.com/some.php'>
        <input type='hidden' name='clientid' id='clientid' value="test" action="javascript:getHours()" />
    </form>

<script>
    function getHours() {
        var d = new Date();
        var h = d.getHours();
        var m = d.getMinutes();
        document.getElementById('clientid').value = h + " " + m;
    }
</script>
</body>

</html>

answered Dec 4, 2015 at 10:18

Shota

7,3989 gold badges40 silver badges74 bronze badges

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

Comments

JGCW · Accepted Answer · 2015-12-04 10:21:04Z

0

$time = h + ':' + m ;
$('#clientid').val($time);

the $time = h + ':' + m ; adds the hours and minute to the format you want to the $time variable.

After that the $('#clientid').val($time); tells JS to add that variable to the clientid 's value.

answered Dec 4, 2015 at 10:21

JGCW

1,5291 gold badge13 silver badges27 bronze badges

1 Comment

ozil Over a year ago

do you see jquery tag

Beginner · Accepted Answer · 2015-12-04 10:34:39Z

0

Try this

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
	var name = "Beginner";
	document.getElementById("clientid").setAttribute("value", name);
});
</script>

<input name='clientid' id='clientid' />

answered Dec 4, 2015 at 10:34

Beginner

71013 silver badges30 bronze badges

Comments

ozil · Accepted Answer · 2015-12-04 10:40:29Z

0

you can use onload() method to call your function getHours(), but .onload() support following tags:
<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

edited Dec 4, 2015 at 10:40

answered Dec 4, 2015 at 10:32

ozil

7,1639 gold badges38 silver badges62 bronze badges

Collectives™ on Stack Overflow

How can I insert result of JS function in html form?

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related