Javascript - 如何在将文本输入<input>后显示DIV

Question

我正在尝试用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

Answer 1

改成$("#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()notvalue

小提琴演示

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