Javascript – 如何在放入文本后显示DIV

我正在尝试用 JavaScript编写函数,它会在放入一些文本后显示/隐藏’DIV’.

我设法编写它,但是只有当用户将’input’值大于8时才能使它工作.

HTML：

<input type='text' id='area' style='border: 1px solid;'></input><br>
<div id='text1' style='display:none; '>Examletext</div>

JavaScript的：

$(document).ready(function() {
    $("#area").keyup(function() {
        if ($('#text1').is(":hidden")) {
            $('#text1').show(500);
        } else {
            $("#text1").hide(500);
        }
    });
});

上面是工作脚本,但无论你输入’输入’,这都适用.我想只在我把值大于8(9,10,101等)时才执行脚本

我试着添加这个(没有效果)：

if ($("#area").value > 8){}

这是我已经注释掉上述行 – jsfiddle的工作脚本

解决方法

将$(“#area”).value更改为$(“#area”).val()

$(document).ready(function() {
    $("#area").keyup(function() {
        if ($("#area").val() > 8) {
            if ($('#text1').is(":hidden")) {
                $('#text1').show(500);]
            } else {
                $("#text1").hide(500);
            }
        }
    });
});

在jQuery中,您需要使用val()而不是值

Fiddle Demo

文件：http://api.jquery.com/val/