Javascript 当文本框与条件匹配时显示Div

当一个文本框的值为（例如）“Hello”时，我需要显示一个div，当然它并不真正需要“Hello”，这只是一个示例。所以，使用JavaScript，我想我可以做到这一点，但我不太擅长JavaScript，希望得到一些帮助

如果不进一步明确您希望何时发生这种情况，我无法提供具体的答案，但对于指导，以下内容应该足够了：

var stringToMatch = 'hello',
    input = document.getElementById('inputElementId'),
    div = document.getElementById('divId');

input.onkeyup = function(e){
    if (this.value == stringToMatch){
        div.style.display = 'block';
    }
    else {
        div.style.display = 'none';
    }
};​

如果您更喜欢不区分大小写的匹配：

var stringToMatch = 'hello',
    input = document.getElementById('inputElementId'),
    div = document.getElementById('divId');

input.onkeyup = function(e){
    if (this.value.toLowerCase() == stringToMatch.toLowerCase()){
        div.style.display = 'block';
    }
    else {
        div.style.display = 'none';
    }
};​

参考资料：

---

也许这就是你想要的

---

if（myform.myinput.value=='hello'）{…

.Google“javascript form”，这很有帮助：有很多关于这种情况的教程。感谢您的快速回复，我希望它能从“hello”（o）的最后一个字母开始即时生效是输入的，我希望div显示。那么，在这种情况下，上面的代码应该可以工作，尽管出于某种原因，我使用了

textarea

而不是

div

。。。

<div id="div2show">Show me</div>
<textarea id="text"></textarea>​

input = document.getElementById('text'), div = document.getElementById('div2show');

input.onkeyup = function (e) {
    if (this.value == 'hello') {
        div.style.display = 'block';
    }
};​