当文本框符合条件时显示Div

Question

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

Answer 1

没有进一步明晰准确当你希望出现这种情况，我无法提供一个明确的答案，但指导下应该足够了：

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'; 
    } 
};​ 

JS Fiddle demo。

如果你宁愿不区分大小写的匹配：

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'; 
    } 
};​ 

JS Fiddle demo。

参考文献：

• document.getElementById()。
• element.onkeyup。
• element.style。
• string.toLowerCase()。

Answer 2

也许这就是你要找的。

http://jsfiddle.net/dvZHx/

<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'; 
    } 
};​