當文本框符合條件時顯示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'; 
    } 
};​