标签: jquery-autocomplete

jQuery自动完成:如何刷新列表?

我有一个表单,其中包含可变数量的自动填充字段,这些字段使用相同的选择列表.根据需要添加和删除这些字段.每当页面上的参数发生变化时,我(尝试)通过首先调用unbind()然后autocomplete()添加到url的新参数来更新所有字段的列表.

$('input.foo').unbind().autocomplete(url?new_param=bar);
Run Code Online (Sandbox Code Playgroud)

问题是unbind()似乎没有解除绑定.当我输入输入字段时,它会触发自动完成事件的整个历史记录.

我也试过flushCache无济于事.

如何清除旧事件?

谢谢.

jquery binding jquery-autocomplete

11
推荐指数
2
解决办法
2万
查看次数

在键入"@"时实现jquery UI自动完成功能以显示建议

我正在使用jquery UI AutoComplete来允许用户使用@mentions标记朋友.默认情况下,只要您将焦点放在文本框上,就会显示自动填充建议.只有在输入"@"时,如何才能显示建议?这是我到目前为止的代码:

var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            ];
$("#tags").autocomplete({
    source: availableTags,
    minLength: 0
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery autocomplete jquery-plugins jquery-autocomplete

11
推荐指数
1
解决办法
6017
查看次数

jQuery Autocomplete(1.8.5) - 未捕获的TypeError,属性'source'不是函数

我试图使用我之前在早期版本的jQuery上使用的jQuery自动完成小部件.

使用我正在使用的代码(和jQuery UI 1.8.5),我在初始化的自动完成输入字段中键入一个字母时收到以下错误:

jquery-ui-1.8.5.custom.min.js:320Uncaught TypeError: Property 'source' of object #<an Object> is not a function
Run Code Online (Sandbox Code Playgroud)

自动完成代码基本上是jQuery示例文档(添加到我的页面上,其他JS上面):

<input type="text" id="example" />
<script type="text/javascript">
    var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
    $("#example").autocomplete(data);
</script>
Run Code Online (Sandbox Code Playgroud)

有人有什么建议吗?

提前致谢.

javascript jquery jquery-ui jquery-autocomplete

10
推荐指数
1
解决办法
8447
查看次数

jQuery UI自动完成刷新数据

我使用jQuery ui自动完成功能.

var colors;

$(document).ready(function(){
        loadColors();
        $('#empf').autocomplete(colors);
}

function loadColors(){
 colors = new Array(getNumColor());
//in a loop save the colors to array using colors[i] = ...
}

function addColor(){
    ...
    color[n] = color;
}
Run Code Online (Sandbox Code Playgroud)

当用户输入新颜色时,它将保存到颜色数组中.我切换到自动完成表单,但在刷新页面之前输入的数据不可用.

任何想法如何使自动完成的新颜色可用?

jquery jquery-ui jquery-autocomplete

10
推荐指数
1
解决办法
2万
查看次数

jquery自动完成自动填充字段,具有第一个值和高亮度添加部分

即时通讯使用jqueryui自动完成插件与以下代码

$(this).autocomplete({
                source: function(request, response) {
                    $.ajax({ url: 'clinic/auto',
                    data: { 'term': this.term,'name': this.element.attr('complete')},
                    dataType: "json",
                    type: "POST",
                    success: function(data){
                        response(data);
                    }
                });
            },
            minLength: 2
        });
Run Code Online (Sandbox Code Playgroud)

这会在下拉列表中显示所有结果的列表.

我的问题是如何让它为你自动完成工作并突出显示添加的部分以便于使用?

我必须编码吗?或者已经存在一个选项?如果我想做它手动怎么做?示例图片: 在此输入图像描述

迄今解决方案:

我发现这个链接 ,这是非常有用的(猴子修补jquery-autocomplete)来编辑样式,但仍然不是我想要的..

jquery jquery-ui jquery-autocomplete

10
推荐指数
1
解决办法
7965
查看次数

如何让jQuery自动完成功能弹出字段焦点?

可能重复:
jQuery自动完成UI-我希望它开始搜索onfocus而无需用户输入任何内容

jQuery UI自动完成

我想在输入聚焦后立即显示选项.那有什么设置吗?我尝试将minLength设置为0,但它不起作用......它仍然等待按键.

jquery jquery-autocomplete

9
推荐指数
1
解决办法
2万
查看次数

Jquery自动完成样式

在设计jQuery自动完成插件的样式时,我将以下HTML代码硬连线到我的页面:

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none; "></ul>
Run Code Online (Sandbox Code Playgroud)

如何通过HTML禁用样式并通过CSS完成它?我不认为我的CSS文件会覆盖那种风格.

任何帮助都可以

jquery jquery-autocomplete

9
推荐指数
2
解决办法
3万
查看次数

在jquery自动完成中获取值

这是我的代码

jquery代码

$("input#shopName").autocomplete({
    source: "getShop.php",
    minLength: 2
});
Run Code Online (Sandbox Code Playgroud)

从PHP返回的JSON值如下所示

if(isset($_GET["term"])){

$query=$_GET["term"];
    $result = $dataset->get_custom_record("SELECT * FROM mc_shop WHERE shop_title like  '%" . $query . "%'  ORDER BY id");
}

 while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
        $row_array['id'] = $row['id'];
        $row_array['value'] =$row['shop_title'];

        array_push($return_arr,$row_array);
    }
echo json_encode($return_arr);
Run Code Online (Sandbox Code Playgroud)

自动完成工作正常,但从自动完成中选择值时,我需要将相应的"id"值放在一个隐藏变量中,我不知道该怎么办>

jquery jquery-autocomplete

9
推荐指数
1
解决办法
4万
查看次数

如何在jquery自动完成中显示空白选项?

我正在使用带有combobox nabled的jquery自动完成.我想显示一个空选项,但每当我将初始选择的值设置为空字符串时,它都不会显示在组合框中.

该项目存在,它只包含没有高度.

是否可以在自动完成组合框上有空白选项?

jquery jquery-ui jquery-autocomplete

9
推荐指数
3
解决办法
8612
查看次数

jQuery自动完成结果的顺序

我正在使用jQuery-autocomplete插件来获取使用对服务器的AJAX调用来完成输入字符串的建议.此外,服务器负责按照我希望它们出现的顺序返回结果,但自动完成以不同的顺序显示它们.

如何配置jQuery自动完成以不重新排序输出?我不需要在客户端进行任何处理,因为数据已根据需要进行排序/排序.

jquery jquery-autocomplete

9
推荐指数
2
解决办法
1万
查看次数