JQUERY 自动完成（禁用点击选择）

Question

大家好，

我使用简单的 JQUERY 自动完成来显示某些记录的可能重复项，例如用户填写文本字段时的姓名或地址。

这里是代码

<script type="text/javascript">
                $(function() {
                    var availableTags = <?php include('ajax/ajax_show.php'); ?>;
                    $("#name_value").autocomplete({
                        source: availableTags,
                        autoFocus:true
                    });
                });
            </script>

下面的文本字段是显示结果。

Name[____________________]
 Paul a
 Robert b
 Cid c

有没有办法禁用选择？ 我喜欢只使用自动完成来显示记录，但用户无法单击以选择任何内容。

Answer 1

您可能会让用户对这种安排感到困惑，因为每隔一次他开始在一个框中输入并出现一个列表时，该列表将是一个可供选择的选项列表。你正在改变规则，这并不能带来最好的用户体验。我会考虑重新考虑这一点。

也就是说，您可以通过在 select 选项中调用 preventDefault() 来做您想做的事情：

$("#name_value").autocomplete({
    source: availableTags,
    autoFocus:true,
    select: function(e, ui) {
        e.preventDefault();
    }
});