从 JavaScript Function 返回值到 HTML 表单输入值属性

Question

我正在尝试以 mySQL 所需的特定格式使用当前日期和时间自动填充表单元素。 我的困难是将这个值自动填充到表单元素中。 到目前为止，我已经尝试过 using.getElementById("element_id").innherHTML = timestamp 但这不会导致任何文本填充表单元素：

 <html> <head> <title>Create New Reservation</title> <script> function Timestamp() { const currentTime = new Date(); var year = currentTime.getFullYear(); var month = currentTime.getMonth(); var day = currentTime.getDate(); var dash = "-"; var space = " "; var colon = ":"; var hour = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); var timestamp = year.toString().concat(dash, month, dash, day, space, hour, colon, minutes, colon, seconds); document.getElementById("occurred").innerHTML = timestamp; } </script> </head> <body onload="Timestamp()"> <h1>Enter Reservation Details</h1> <form method="POST" action="reservation_process.php"> <fieldset> <label>Current Time</label><type="text"/> <input type="text" id="occurred" name="occurred" <br> <input type="submit" name="Process" value="Create Entry" /> </form> </body> </html>

我还尝试将 function 中的格式化时间戳直接返回到 value="" 属性中，但我怀疑我的语法不正确，并且我无法找到有关如何正确执行此操作的任何 HTML 文档：

<input type="text" id="occurred" name="occurred" value= Timestamp() >

Answer 1

您可以使用$('#occurred').val(timestamp); 而不是document.getElementById("occurred").innerHTML = timestamp; 在你的 function 里面。

$(element).val(value)设置输入的值，如果您还没有，则需要包含jQuery才能使用它。

 function Timestamp(){ const currentTime = new Date(); var year = currentTime.getFullYear(); var month = currentTime.getMonth(); var day = currentTime.getDate(); var dash = "-"; var space = " "; var colon = ":"; var hour = currentTime.getHours(); var minutes = currentTime.getMinutes(); var seconds = currentTime.getSeconds(); var timestamp = year.toString().concat(dash, month, dash, day, space, hour, colon, minutes, colon, seconds); $('#occurred').val(timestamp); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <head> <title>Create New Reservation</title> <script> </script> </head> <body onload="Timestamp()"> <h1>Enter Reservation Details</h1> <form method="POST" action="reservation_process.php"> <fieldset> <label>Current Time</label><type="text"/> <input type="text" id="occurred" name="occurred" <br> <input type="submit" name="Process" value="Create Entry" /> </form> </body> </html>

从 JavaScript Function 返回值到 HTML 表单输入值属性

问题描述

1 个解决方案

解决方案1
1 已采纳 2021-03-13 16:43:53

从 JavaScript Function 返回值到 HTML 表单输入值属性

问题描述

1 个解决方案

解决方案1 1 已采纳 2021-03-13 16:43:53

解决方案1
1 已采纳 2021-03-13 16:43:53