1

我正在尝试按照本教程进行自动完成：http: //www.jensbits.com/2010/03/29/jquery-ui-autocomplete-widget-with-php-and-mysql/

如果有人有建议，我会向其他人开放，但我离题了。我想输入客人的姓氏并在所有匹配项的下方显示一个列表。但是，当它说“有1个结果可用，使用向上和向下箭头键导航”时，我得到了一些真正的麻烦。并且在我可以单击的文本中某处有一个小点，它将填充我的只读文本框。我怎样才能让它正常工作？老实说，我不知道我哪里错了。我将发布我的 html 和 jQuery。我的 php 显然工作正常，所以我觉得没有必要发布。

<div class="guestinfo">
    <p class="ui-widget">
        <div><label>Exisiting Guest List</label></br>
        <input type="text" name="guests" id="guests"/></div>
        <input readonly="readonly" type="text" id="firstname" name="firstname"/>
        <input readonly="readonly" type="text" id="lastname" name="lastname"/>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
        <script>
            $(function() {
                $('#guests').val("");

                $("#guests").autocomplete({
                    source: "classes/autocomplete_guests.php",
                    minLength: 2,
                    select: function(event, ui) {
                        $('#firstname').val(ui.item.fname);
                        $('#lastname').val(ui.item.lname);
                    }
                });
            });

        </script></p>
4

1 回答 1

1

这是一个可访问性功能，您可以轻松地在 中修复它css，尝试在样式表中添加它：

.ui-helper-hidden-accessible {
    display:none;
}
于 2013-10-04T23:24:42.207 回答