JQUERY自动填充(禁用点击选择)

时间:2016-07-27 16:43:57

标签: javascript jquery

HiAll,

我使用简单的JQUERY Autocomplete来显示某些记录的重复项,例如当用户填写文本字段时的名称或地址。

这里是代码

accounts.google.com

在文本下方显示结果。

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

有一种方法可以禁用选择吗? 我想仅使用自动完成功能来显示记录,但用户无法点击选择任何内容。

1 个答案:

答案 0 :(得分:1)

您可能会将用户与此安排混淆,因为每次他开始输入一个框并显示一个列表时,该列表将是一个可供选择的可用选项列表。您正在改变规则,而这并不是最好的用户体验。我会考虑重新考虑这一点。

也就是说,您可以通过调用selectpreventDefault()选项中执行您想要的操作:

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