The value to text box set using javascript not displaying on the textbox

Question

Trying to set the value of a text box using javascript the value displays on the web page but doesn't seem to display in the text box Below is the code snippet. Appreciate some help.

var d = new Date();
var dd = d.getDate();
var mm = d.getMonth()+1; 
var yyyy = d.getFullYear();
today = yyyy+""+mm+""+dd;
document.getElementById("demo").innerHTML = d.getTime();
document.getElementById("demotime").innerHTML = today;
document.getElementById("demotime").value = today;

<html>
    <body>
      <h2>JavaScript getTime()</h2>
      <p id="demo"></p>
      <p id="demotime"></p>
      <form>
        <input type="text" id="demotime" />
      </form>
   </body>
 </html>

ray · Accepted Answer · 2020-07-28 04:50:58Z

1

You have more than one element with that ID. IDs must be unique within the document. getElementById will likely return the first one, which is not the input. You’re setting .value on the <p>.

edited Jul 28, 2020 at 4:50

answered Jul 28, 2020 at 4:49

ray

27.3k5 gold badges31 silver badges30 bronze badges

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

Comments

Asutosh · Accepted Answer · 2020-07-28 04:50:46Z

0

var d = new Date();
var dd = d.getDate();
var mm = d.getMonth()+1; 
var yyyy = d.getFullYear();
today = yyyy+""+mm+""+dd;
document.getElementById("demo").innerHTML = d.getTime();
document.getElementById("pdemotime").innerHTML = today;
document.getElementById("demotime").value = today;

<h2>JavaScript getTime()</h2>
<p id="demo"></p>
<p id="pdemotime"></p>
<form>
<input type="text" id="demotime" />
</form>

answered Jul 28, 2020 at 4:50

Asutosh

1,8382 gold badges16 silver badges22 bronze badges

Comments

sonEtLumiere · Accepted Answer · 2020-07-28 04:51:25Z

0

You need to name elements with diferent id name

var d = new Date();
var dd = d.getDate();
var mm = d.getMonth()+1; 
var yyyy = d.getFullYear();
let today = yyyy+""+mm+""+dd;

document.getElementById("demo").innerHTML = d.getTime();
document.getElementById("demotime").innerHTML = today;
document.getElementById("demotime2").value = today;

<p id="demo"></p>
<p id="demotime"></p>
<form>
<input type="text" id="demotime2" />

answered Jul 28, 2020 at 4:51

sonEtLumiere

4,6223 gold badges15 silver badges48 bronze badges

Comments

score 0 · Accepted Answer · 2020-07-28 05:09:50Z

0



    <html>
    <body>
    <h2>JavaScript getTime()</h2>
    <p id="demo"></p>
    <p id="timeDemo"></p>
    <form>
    <input type="text" id="demotime" />
    </form>
    <script>
    var d = new Date();
    var dd = d.getDate();
    var mm = d.getMonth()+1; 
    var yyyy = d.getFullYear();
    today = yyyy+"-"+mm+"-"+dd;
    document.getElementById("demo").innerHTML = d.getTime();
    document.getElementById("demotime").innerHTML = today;
    document.getElementById("demotime").value = today;
    </script>
    </body>
    </html>

You have use same Id for two different attributes. I have changed the id of p tag. Hope you find your desire result. You may also check the attached code snippet.

edited Jul 28, 2020 at 5:09

answered Jul 28, 2020 at 4:57

user13986534

Collectives™ on Stack Overflow

The value to text box set using javascript not displaying on the textbox

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related