How to set value of an input field using jQuery

Question

I want to show current time within input field. I have used id local-time. But in the input field, current time is not showing.

Current Time : <input type="text" id = "local-time" value= ""/>

<script>
setInterval(function() {
var local = new Date();
var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + 
pad(local.getSeconds());

$('#local-time').html(localdatetime);
}, 1000);

function pad(t) {
var st = "" + t;

while (st.length < 2)
st = "0" + st;

return st;  
}
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

achal naskar · Accepted Answer · 2017-11-11 07:21:23Z

2

Simply Edit the script: change html to val

<script>
setInterval(function() {
var local = new Date();
var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + 
pad(local.getSeconds());

$('#local-time').val(localdatetime);
}, 1000);

function pad(t) {
var st = "" + t;

while (st.length < 2)
st = "0" + st;

return st;  
}
</script>

answered Nov 11, 2017 at 7:21

achal naskar

7101 gold badge6 silver badges19 bronze badges

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

Comments

Amit Bhagat · Accepted Answer · 2017-11-11 07:24:22Z

2

You tried to set the html instead of value of that input element.

Have a look at this for the uses of .val() .html() .text()

$('#local-time').val(localdatetime);

edited Nov 11, 2017 at 7:24

Amit Bhagat

4,3463 gold badges25 silver badges24 bronze badges

answered Nov 11, 2017 at 7:07

Sujal Mandal

1,0391 gold badge15 silver badges29 bronze badges

Comments

A.D. · Accepted Answer · 2017-11-11 07:20:16Z

1

setInterval(function() {
  var local = new Date();
  var localdatetime = local.getHours() + ":" + pad(local.getMinutes()) + ":" + 
  pad(local.getSeconds());

  $('#local-time').val(localdatetime);
}, 1000);

function pad(t) {
   var st = "" + t;

   while (st.length < 2)
   st = "0" + st;

   return st;  
}

answered Nov 11, 2017 at 7:20

A.D.

2,3722 gold badges17 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to set value of an input field using jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related