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 に答える