Question

我一直在挖掘Stack Overflow几天，试图找出我的代码无效的原因。唉，我在这里问一个非常简单的问题。

我有一个HTML表单，其中包含一个文本框和一个提交按钮。您在文本框中输入一个数字，单击提交按钮，它应该更新一个div，其中包含您输入的数字信息。我知道这个功能有效。如果我在提交按钮中硬编码，它会正确插入html。但是，如果我更改提交按钮的onclick以在文本框中包含文本，则不会发生任何事情。

非常感谢任何帮助。

HTML ===============================

<form>
<input type="text" name="thenumber" id="thenumber" /> <input type="button" onClick="numbers(document.getElementById('thenumber').value);" value="Click Me!" />
</form>
<div id="message"></div>

JS =================================

var numbers = function(identify){

switch (identify) {

    case '1234':
        document.getElementById("message").innerHTML = "Device 1";
        break;
    case '5678':
        document.getElementById("message").innerHTML = "Device 2";
        break;
    case '9101':
        document.getElementById("message").innerHTML = "Device 3";
        break;
        default:
        document.getElementById("message").innerHTML = "Device Unknown";
};
};

再次感谢您的帮助！

Answer 1

您缺少一个括号

    "numbers(document.getElementById('thenumber').value)"

Answer 2

如果你想在文本框中包含文本，你不必使用innerHTML，你必须使用值。

Ex：document.getElementById（“message”）。value =“Device Unknown”;

Answer 3

好的，请尝试复制我的代码。

<input type="text" name="thenumber" id="thenumber" /> 
<input type="button" onClick="numbers(document.getElementById('thenumber').value)" value="Click Me!" />

<div id="message"></div>

var numbers = function(identify){

switch (identify) {

    case '1234':
        document.getElementById("message").innerHTML = "Device 1";
        break;
    case '5678':
        document.getElementById("message").innerHTML = "Device 2";
        break;
    case '9101':
        document.getElementById("message").innerHTML = "Device 3";
        break;
        default:
        document.getElementById("message").innerHTML = "Device Unknown";
};
};

onClick事件

有语法错误

onclick javascript函数不从文本框传递变量

3 个答案: