jQuery-UI Автозаполнение отправки формы по щелчку элемента из выпадающего списка

Question

Я использую функцию jQueryUI autocomplete() и не могу понять, как отправить форму при выборе элемента.

Я думаю, что проблема связана с select: event, но яЯ новичок в jQueryUI и не могу понять, как заставить это работать.

Вот мой код, который отлично работает в противном случае:

            <script type="text/javascript">
            $(document).ready(function() {
                $(function() {
                    $( "#search_box" ).autocomplete({
                        source: function(request, response) {
                            $.ajax({ url: "<?php echo site_url('autocomplete/suggestions'); ?>",
                            data: { term: $("#search_box").val()},
                            dataType: "json",
                            type: "POST",
                        success: function(data){
                            response(data);
                        },
                        select: function (event, ui) {
                                $(event.target).val(ui.item);
                                $('#search_form').submit();
                                return false;
                            }
                        }); 
                    },          
                    minLength: 1 
                    });
                });
            }); 
            </script>

Любая помощь будет принята с благодарностью!

Answer 1

Эндрю был прав, см. скрипку , которую он упомянул. Если вы переключаете деталь с помощью «ui.item» на «ui.item.value», функция select: function () теперь работает отлично.

Answer 2

Да, Алиса тоже права.Вам просто нужно добавить эту строку в функцию onclick:

 $('#search_form').submit();

, где search_form - это идентификатор вашей формы.

Answer 3

Да, это работает

За исключением случаев, когда вы ожидаете получить значение в серверном скрипте на странице, вызываемой действием ...

На данный момент,нет способа выяснить, почему автоматическая отправка формы после выделения мышью или клавиатурой и строка $(event.target).val(ui.item.value) не доставляют значение в $_POST массив