onclick javascript函数没有从文本框中传递变量答案

【问题标题】：onclick javascript function not passing variable from textboxonclick javascript函数没有从文本框中传递变量
【发布时间】：2013-05-27 15:56:38
【问题描述】：

我已经研究 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";
};
};

再次感谢您的帮助！

【问题讨论】：

标签： javascript function variables textbox onclick

【解决方案1】：

你少了一个括号

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

【讨论】：

感谢您的评论。我纠正了这一点，但它仍然无法正常工作。还有其他想法吗？
全部使用小写onclick?
全小写的 onclick 修复了它。我很混乱。 Dreamweaver 自动将 C!感谢您的帮助！

【解决方案2】：

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

例如：document.getElementById("message").value = "Device Unknown";

【讨论】：

文本框中的值只是为了检查设备是否在列表中。例如，如果在文本框中输入“1234”，则“设备 1”将显示在 DIV 中。

【解决方案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 事件有语法错误

【讨论】：