标签: jquery-ui-autocomplete

我正在使用jQueryUI自动完成,并且我有一个映射到select事件的函数,例如:

$("#someId").autocomplete({
    source: someData,
    select: function (event, ui) { ... },
    focus: function (event, ui) { ... }
});

我有一个特例:用户专注于自动完成下拉列表中的项目(但未选中它),我需要从另一个函数手动触发select事件.这可能吗？如果是这样,怎么样？

如何在jqueryUI组合框中附加onchange函数？这是我的代码:

$(".cmbBox").combobox({
     change:function(){
         alert($(this).val());
     }
});

当值更改时,它将提醒更新的值.

请帮忙.. :)

好吧,我的脑子一直绞尽脑汁(这很糟糕)但是我已经尝试过尽我所能,但仍然无法让它发挥作用.

尝试用jquery ui做自动完成

我的json看起来像这样

{"dealers":
     {
         "1156":"dealer 1",
         "1122":"dealer 2",
         "1176":"dealer 3",
         "1491":"dealer 4",
         "1463":"dealer 5",
         "269":"dealer 6"
    }
}

我试图使用此信息作为自动完成的来源.我得到的响应对象很好我只是无法以正确的格式获取它,以便我可以将"###"放在一个与"值"相关联的隐藏字段中,该值需要显示为"落下.

一直在尝试百万种不同的方式,但最近的尝试是在下面

function ajaxCall() {
    $.getJSON("/example/location/example.json?term=" + $('#dealerName').val(),
        function(data) {
        $.each(data.dealers, function(k, v) {                
                alert(k + ' : ' + v);
        });
    });        
}

$('#dealerName').autocomplete({
    source: ajaxCall,
    minLength: 2,
    delay: 100
});

拜托,谢谢!

我在jQuery UI网站上使用这个jQuery UI组合框自动完成控件开箱即用:

我的问题是我在页面上有多个组合框,我希望它们每个都有不同的宽度.

我可以通过添加这个CSS来改变所有这些的宽度:

 .ui-autocomplete-input
 {
     width: 300px;
 }

但我无法找到改变其中一个宽度的方法.

使用jquery自动完成插件时,当用户没有选择列表中的项目,而是键入有效值和标签时,您会怎么做？

例如,当自动完成列表包含:

Cat
Dog
Fish 

用户输入cat,但不Cat从自动填充的下拉列表中选择,而是选项卡.因为他们没有从列表中选择任何项目,所以自动完成选择事件不会触发,我们将无法响应它:

$('#Animal').autocomplete({
    source: url,
    minlength: 1,
    select: function (event, ui) {
        $("#Animal").val(ui.item.value);
        changeUsersAnimal(ui.item.id);
    }
});

我该如何处理这个案子？

我想在用户进行选择后清除具有Jquery Autocomplete的文本框.

我试图通过以下方式清除该字段:

select: function(event, ui) {
   $(this).val('');
}

但这不起作用.我正在使用jquery-1.6.4和jquery-ui-1.8.16.

有任何想法吗？

我正在一个页面上使用多个jquery-ui自动完成小部件,并希望能够单独设置每个小部件的宽度.目前,我这样做:

$($('.ui-autocomplete')[0]).width(150);
$($('.ui-autocomplete')[1]).width(105);
$($('.ui-autocomplete')[2]).width(80);

这不是真正的解决方案,因为用户能够以不同的顺序触发各种自动复合,并且此代码仅根据它们添加到DOM的顺序对它们进行设置.

触发自动完成时,它似乎创建了一个<ul>然后将其置于触发它的输入框下面.不幸的是,我找不到这个生成的任何唯一标识符<ul>来锁定并应用一些CSS.

我的问题与此问题不同,因为我只使用默认的自动完成功能,而不是自动完成组合框.

此外,挖掘自动完成<ul>并将不同的自动完成框宽度与列表中的值匹配也不起作用,因为这些值是动态生成的.

有任何想法吗？

我正在尝试从菜单中选择项目时提交表单.我在搜索表单上设置了类,我使用的是事件select for it,它位于:http://docs.jquery.com/UI/Autocomplete#event-select

现在,当您使用键盘(向上和向下)选择项目时,它可以正常工作.但是如果您使用鼠标选择一个项目,它会为您提供以前键入的值.

检查此屏幕:http://www.screenr.com/7T0s

这是我用于提交的内容:

$("#searchform-input").autocomplete({
    select: function (a, b) {
        $(".searchform1").submit()
    }
});

我在使用jQuery Autocomplete和移动DownArrow和UpArrow时遇到了一些问题？

问题似乎是这样的

<input id="autocomplete-input" value="">

focus: function (event, ui) {
       $('#autocomplete-input').val(ui.item.label);
 }

这适用于MOUSE焦点 - 但是当我使用arrowUp和arrowDown- 它选择ui.item.id了上面和上面ui.item.label

我该如何解决这个问题,以便:

1. 该inputVAL完全不改变[即它使用户输入项]
2. 它使用keydown/keyup用户所input使用的focusedval 更新val

谢谢

我正在使用JQuery UI自动完成.一切都按预期工作,但是当我使用键盘上的上/下键循环时,我注意到文本框中的项目按预期填充,但是当我到达列表的末尾并再按下向下箭头时时间,我键入的原始术语显示,这基本上允许用户提交该条目.

我的问题:是否有一种简单的方法可以将选择限制在列表中的项目中,并从键盘选择中删除输入中的文本？

例如:如果我有一个包含的列表{'Apples (AA)', 'Oranges (AAA)', 'Carrots (A)'},如果用户键入'app',我将自动选择列表中的第一项(此处为'Apples(AA)'),但如果用户按下向下箭头,'app'再次出现在文本框中.我怎么能防止这种情况？

谢谢.