將函數返回值填充到 <input> 元件

Question

我正在為我的網站編寫聊天頁面。 我已經成功地使getmyFunction()向用戶詢問他們的名字，而只是說出“用戶名”。 問題是我還希望在聊天室本身的名稱輸入框中使用相同的名稱，而不是用戶每次希望編寫消息時都必須輸入其名稱。 我已經使用onclick=來提示用戶輸入他們的名字，但是我無法在名稱框中顯示該名字。

<form action='submit.php' method='post' name='form'>

Your name:<br><p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
}
</script>
Your Name: <br>
<input type='text' name='name' size='20' onclick='myFunction()'><br>

Your message:<br>

<textarea name='message' cols='40' rows='2'></textarea><br>

編輯：自此，我發現雖然javascript代碼在Submit.php中，但commit.php根本不顯示：/

Answer 1

您應該澄清發生了什么，應該發生什么以及您希望在哪里發生。 根據您所說的，我認為您想將輸入的值更改為用戶通過提示對話框輸入的名稱。 在這種情況下，您可以執行以下操作：

<script>
    function myFunction() {
        var person = prompt("Please enter your name", "Harry Potter");
        if (person) {
            document.getElementById("demo").innerHTML = "Hello " + person + "! How are you today?";
            document.getElementById("name").value = person;
        }
    }
</script>

順便說一句，這不是問題的一部分，但是當您有用於輸入用戶名的輸入字段時，通過提示對話框詢問用戶名就沒有意義了。 您可以要求用戶通過輸入字段輸入它，並且每當更改它（ <input>元素的onchanged屬性）時，都可以使用腳本來處理它。