微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 – 动态更新的datalist不会显示

我正在用用户键入更新一个 html5 datalist,使用以下脚本:
$('#place').on('keyup',function() {
    $.post('content/PHP/autocomp.PHP',{ field: 'plaats',val: $('#place').val() }).done(function(response) {
        $('#autocomp-places').html(response);
    });
});

哪个工作正常,除了datalist经常不会立即显示.当我检查元素时,html是在那里,但是datalist在更新后不会显示.如何强制显示

记录:它的作品…我只是希望它会永远显示新的建议马上.

解决方法

请使用成功,而不是AJAX的做好方法,然后再试一次.
$('#place').on('keyup',function () {
    $.post('content/PHP/autocomp.PHP',{
        field: 'plaats',val: $('#place').val()
    }).success(function (response) {
        $('#autocomp-places').html(response);
    });
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题