标签: jquery-ui-autocomplete

我正在使用jQuery UI自动完成1.8.6并需要在其中包含selectfirst功能.我从https://github.com/scottgonzalez/jquery-ui-extensions/blob/master/autocomplete/jquery.ui.autocomplete.selectFirst.js下载了selectfirst扩展名js.

有人可以告诉我如何使用此扩展与核心自动完成功能.如果我尝试将selectFirst选项添加到自动完成小部件,则会给出错误,即它不是有效属性.

需要紧急帮助.

谢谢

我已经在这一段时间了,我的进展非常缓慢,主要是因为我的jquery技能需要改进,我正在尝试:)

我有这个代码:

jQuery(function() {
  jQuery("input#search").autocomplete({
    minLength: 2,
    source: function(request, response) { 
      jQuery.post("index.php?option=com_eat&view=search&format=raw", { 
        "'.$token.'": "1",
        search_string: request.term
      }, function(data) { 
        response( jQuery.map( data, function( item ) {
          return {
            value: item.name,
            url: item.url
          }
        }));
      }, "json"); 
    }
  });
});

帖子的回报是以下形式的json:

data.url = some_url;
data.name = some_name;

我想让json data.name填充自动完成功能,如果点击其中任何一个,它会将页面指向data.url.

对我来说真正的问题是将响应中的JSON数据转换为自动完成结果.在网上没有太多适合我情况的例子,我找不到.

谢谢你的帮助.

我有JSON数据馈送id,label并value作为值的键.

当我选择数据时,我在文本框中选择label/ value值#id_emp_name.我希望能够将选中id的label/ 插入value隐藏文本框中#id_emp_id.

我目前的javascript代码:

$('#id_emp_name').autocomplete({
    source: '/best_choose/employees.json',
    minLength: 1,
    dataType: 'json',
    max: 12
});

我试图使用Web服务使用Jquery UI自动完成设置机场代码:

WS是:http: //airportcode.riobard.com - http://airportcode.riobard.com/search?q=dallas&fmt=JSON

我无法创建自动完成,这是我的javascript代码:

<script>
$(function() {
    function log( message ) {
        $( "<div/>" ).text( message ).prependTo( "#log" );
        $( "#log" ).scrollTop( 0 );
    }

    $( "#city" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "http://airportcode.riobard.com",
                dataType: "jsonp",
                data: {
                    fmt: "JSONP",
                    q: request.term
                },
                success: function( data ) {
                    response( $.map( data.geonames, function( item ) {
                        return {
                            label: item.code + (item.name ? ", " + item.location : "") + ", " + …

我有一个从远程源获取数据的jQuery UI自动完成表单,但是当连接速度很慢(排队请求并弄乱结果)时它会变得不稳定.我们如何能够在用户暂停之前保持解雇请求.

我正在尝试实现jQuery UI自动完成组合框,因此它可以在ASP.NET/C#中重用.

我只使用基本的自动完成功能没有问题,但是当我尝试使用组合框时,我感到很困惑.

我在JSON中返回键/值对时有一个处理程序.

然后我想要多个组合框来检索不同的数据.我只想要一个处理程序,所以我正在寻找通过源方法在我正在使用的控件的查询字符串中传递引用.

我真正找到的唯一一个我想要的例子就是这个,但它对我来说似乎不对,并且它不可重复使用,似乎有一些重复的代码.

jQuery站点上的示例如下所示,但是当更改源以使用远程源时,组合框永远不会填充.

    (function( $ ) {
    $.widget( "ui.combobox", {
        _create: function() {
            var input,
                self = this,
                select = this.element.hide(),
                selected = select.children( ":selected" ),
                value = selected.val() ? selected.text() : "",
                wrapper = this.wrapper = $( "<span>" )
                    .addClass( "ui-combobox" )
                    .insertAfter( select );

            input = $( "<input>" )
                .appendTo( wrapper )
                .val( value )
                .addClass( "ui-state-default ui-combobox-input" )
                .autocomplete({
                    delay: 0,
                    minLength: 0,
                    source: function( request, response ) { …

我正在使用自动完成功能来获取一小组值.我希望当用户专注于输入框(使用键盘或鼠标)而不是等待他们输入时,立即显示"自动完成"源值.

如何在焦点处立即显示源值？

谢谢,

        $("#cityInput").autocomplete({
            minLength: 0, // With not that many cities, require at no characters before showing autocomplete
            source: getJson(),
            // plug-in to the select event in order to keep KnockOut informed about the 
        });

是否有可能使用jQuery自动完成,以便如果有'source:'值可用,但它们与您输入的内容不匹配,那么只需一次显示所有源？

IE,给定以下代码,如果我输入"菠萝",你如何显示所有编程语言而不是它们？

<script>
$(function() {
    var availableTags = [
        "JavaScript",
        "Perl",
        "PHP",
        "Python",
        "Ruby"
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});
</script>
<input type="text" id="tags" />

我有以下自动完成代码:

$(function() {
    var availableTags = [
                " x",
                "y",
                "z",
                "l",
                "m",
                "n",
                "o",
              ];

    $( ".tags" ).autocomplete({
          source: availableTags,position: { my : "left+2 bottom-50" , of:".tags"}
    });
 });

它工作正常但是当我使用向上/向下键选择建议的文本时,所选文本会立即替换在文本字段中.相反,我希望只有在选择按下ENTER时才能替换它.有没有办法实现这个目标？

当我将behavior ='autocomplete'添加到我的输入字段时,宽度正在改变,并且不再使用浏览器/屏幕调整大小进行缩放.

有经验的easyAutocomplete有同样的问题吗？

非常感谢你.

此代码没有数据行为是有责任的

  <form>
    <input class="form-control" type="text" placeholder="search">
  </form>

这个带有d​​ata-behavior ="autocomplete"的代码是不负责任的

  <form>
    <input class="form-control" type="text" placeholder="search" data-behavior="autocomplete">
  </form>

http://easyautocomplete.com - jQuery自动完成插件