如何找到<input type =“text”/>的内容

时间:2014-08-08 17:31:09

标签: javascript input

我正在尝试使用JavaScript来查找输入的内容。我试过这个:

var x = document.getElementById("inputID");
 function myFunction() {
  if (x.value == 'Hi') {
     alert('Hello')
  } else {
    alert('Goodbye')
  }
 }

但它不起作用。请帮忙!

1 个答案:

答案 0 :(得分:2)

更正版本

var inputEl = document.getElementById("inputID");

unction myFunction() {
  if (inputEl.value === 'Hi') {
    alert("Hello");
  } else {
    alert("Goodbye");
  }
}

除了少数修复和最佳做法之外,这几乎是你所拥有的:

  • 变量名称更改(inputEl而不是1 - 请参阅下面的有效标识符
  • alert语句中的字符串(可能是变量,但我们无法从您的代码段断言);
  • 严格的平等比较;
  • 缺少的冒号;

为什么它不起作用

由于1变量名无效,它无效。

然后如果它仍然无效,那么你的HTML是错误的,你的元素的ID实际上不是inputID

有效标识符

如果您在Chrome控制台(或其他JS环境)中尝试复制变量声明:

var 1 = 'test';

你会得到一个类似于:

的不错输出
SyntaxError: Unexpected number

因此,如果没有任何其他问题,只需更改变量名即可。

仅供参考,根据Mozilla开发者网络,valid identifiers in JavaScript是:

  

JavaScript标识符必须以字母,下划线(_)或开头   美元符号($);后续字符也可以是数字(0-9)。   由于JavaScript区分大小写,因此字母包含字符   “A”到“Z”(大写)和字符“a”到“z”   (小写)。

     

从JavaScript 1.5开始,您可以使用ISO 8859-1或Unicode   标识符中的å和ü等字母。您也可以使用\ uXXXX   Unicode转义序列作为标识符中的字符。

对于较不易消化的版本,标识符的完整规范位于5.1 Edition of the ECMA-262 standard中的section 7.6