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

参考文献：

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

当文本框匹配标准时显示Div

2 个答案: