点击下拉列表中的项目自动完成提交表单

jQuery-UI Autocomplete submitting form onclick of item from dropdown list

本文关键字:提交 表单 项目 下拉列表      更新时间:2023-09-26

我正在使用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>

任何帮助都将非常感激!

Andrew是对的,看他提到的小提琴。如果你把"ui。项目"到"ui.项目。

可以

除非您希望在服务器端脚本中获得值在由action…

调用的页面中

目前,没有办法找到为什么通过鼠标或键盘选择后的表单自动提交,以及$(event.target).val(ui.item.value)行,不传递$_POST数组中的值

是的,Alice也是对的。您只需要在onclick函数中添加这一行:

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

其中search_form是表单的id