javascript - 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

Andrew 是正确的，参见 the fiddle他提到。如果将带有“ui.item”的部分切换为“ui.item.value”，则 select: function() 现在可以完美运行。