动态更新的datalist将不会显示

Question

我正在使用以下脚本动态更新html5数据列表,如用户键入的那样:

$('#place').on('keyup', function() {
    $.post('content/php/autocomp.php', { field: 'plaats', val: $('#place').val() }).done(function(response) {
        $('#autocomp-places').html(response);
    });
});

哪个工作正常,但数据主义者通常不会立即显示.当我检查元素时,html就在那里,但是数据列表一更新就不会显示.我怎么强迫它显示？

为了记录:它的工作原理......我只是希望它能够立即显示新的建议.

Answer 1

我想我刚刚找到了一个不错的解决方法！

这是我的伪代码：

1. 当我打字时，我发出异步 http 请求来获取数据。
2. 返回数据后，我清除并重新填充数据列表。
3. 如果当前输入字段仍然处于焦点状态，请在输入元素上手动调用.focus()（这似乎会强制发生数据列表弹出行为）。