How can I POST the value into the input box using JQuery or Js?

Question

From my earlier post (How I can POST the value into input box?), one of the comment suggested me to do it in JQuery or Javascript.

More code and info, you can access it in the above link that I provided.

<label>Date</label>:&nbsp&nbsp
<input style="font-size:22px" size="20" type="text" name="datetime" value="" placeholder="Click to get current time." required readonly>

<button style="font-size:1em" type="submit" name="Time" class="btn btn-info">
  Click <i class="far fa-clock"></i>
</button>

After click at the button I expect that the value will be parsed into the input text box which I set it as readonly to prevent improper input from the user/admin.

What value are you expecting to put in the input on button click? As there is no code here for us to debug I would suggest you research the click() event handler, and using val() to update the value of your input — Rory McCrossan
– Rory McCrossan, Commented Apr 11, 2019 at 14:31

Andrei Lupuleasa · Accepted Answer · 2019-04-11 14:39:43Z

1

Use:

 var today = new Date();
 var currentTimeValue = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate() + " " + today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
 $(".btn-info").click(function() {
    $("input").val(currentTimeValue);
 })

You should use ids in order to don't modify the first input inside the dom. (to avoid possible bugs )

edited Apr 11, 2019 at 14:39

answered Apr 11, 2019 at 14:33

Andrei Lupuleasa

2,7623 gold badges18 silver badges36 bronze badges

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

7 Comments

Loko Over a year ago

This is the way, although I would not recommend to actually make the function trigger on the btn-info class. Neither would I recommend to change the val of every input

Andrei Lupuleasa Over a year ago

Is just an example. It is better to use an id

Loko Over a year ago

Yeah I know. Just commenting this in case OP would just copy paste this.

Andrei Lupuleasa Over a year ago

Yes and use like $("#yourID").

Andrei Lupuleasa Over a year ago

Use id selector instead of input.

|

Collectives™ on Stack Overflow

How can I POST the value into the input box using JQuery or Js?

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related