jquery获取keyup上的数据不起作用


jquery get data on keyup not working

我想在密钥更改时显示数据库中的数据,他们会输入地名,然后用getPlaces.php检查数据库,并在showlistdiv上输出。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
    $('form')[0].reset();
    $("form").attr("autocomplete", "off");
    //$("#place").focus();
    $('#place').on('keyup', function(e){
        var min_length = 1; // min caracters to display the autocomplete
        var keyword = $('#place').val();
        if (keyword.lengtd>= min_length) {
            $.post("getPlaces.php", $('form').serialize(),  function(response) {
                $('#showlist').html(response);
                $('#showlist').show();
            });
        }
    });
});//]]>
</script>
</head>
<body id="up">
    <div id="form"><form><input type="text" id="place" name="place" placeholder="write area name .."  /></form></div>
    <div id="showlist">
    </div>
</body>
</html>

php文件运行良好。但我没有得到任何内容!

您拼错了keyword.lengtd。它应该是keyword.length

使用此脚本代码

<script type='text/javascript'>
$(window).load(function(){
    $('form')[0].reset();
    $("form").attr("autocomplete", "off");
    //$("#place").focus();
    $('#place').on('keyup', function(e){
        var min_length = 1; // min caracters to display the autocomplete
        var keyword = $('#place').val();
        if (keyword.length >= min_length) {
            $.post("getPlaces.php", $('form').serialize(),  function(response) {
                $('#showlist').html(response);
                $('#showlist').show();
            });
        }
    });
});
</script>