自动完成和 jquery 选择器在运行时发生变化

Question

请看一下下面的自动完成代码。

   $(document).ready(function(){
        $("#the_input").autocomplete("/autocomplete.php", {
                //some options
            extraParams: {
                base: $('.selected_button').prev('input').val() //***                                                
                    },
            formatItem: function(data, i, n, value) {
                return value;
            }
        });
   });

“base”参数是我的问题（标有注释的部分）。

我的页面上有三个按钮和三个隐藏的输入字段。 最初，当加载页面时，我将“selected_button”添加到其中一个按钮。 我已经确认“base:”之后的 jquery 代码可用于访问此元素。 当用户单击其他按钮之一时，我从所有按钮中删除“selected_button”类，并将其添加到用户单击的按钮中。

我想用它来更改用于自动完成查找的基本文件夹。

问题是，无论我单击哪个按钮，自动完成功能始终使用最初设置的路径。 所以我认为自动完成功能无法识别我在运行时所做的类更改。

Answer 1

您是否尝试过将基本参数包装在函数内：

 base: function () { return $('.selected_button').prev('input').val(); }

文档似乎建议这是一种可能性。

Answer 2

删除 selected_button 时需要更改选项：

$("#the_input").autocomplete("option", "extraParams", new_selected_value)

取自 jqueryui 文档：

option

.autocomplete( "option" , optionName , [value] )

获取或设置任何自动完成选项。如果没有指定值，将充当 getter。