從 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