自动填充选择值

时间:2014-12-03 19:50:38

标签: javascript html autocomplete

我需要你的帮助来解决jquery自动完成问题。我已经包含了jquery v1.11,并且我已经创建了这个脚本。

对于html页面:

    <input id="box_contributors_adduser_input_search" type="search" maxlength="25" placeholder="Nome Utente"/>
    <div id='contributors_adduser_autocomplete_div'>
      <ul class='contributors_adduser_autocomplete_ul'></ul></div>
    </div>

这是js部分:

$(function()  {
  $("#box_contributors_adduser_input_search").autocomplete({

    source: "user.php",
    select: function(event, ui) {
      alert(ui.item.value);
    },
    search: function(event, ui) {
      $('.contributors_adduser_autocomplete_ul').empty();
    },
    close: function(event, ui) {
      $('.contributors_adduser_autocomplete_ul').empty();
      $("#contributors_adduser_autocomplete_div").css("display", "none");
    }
  })
  .autocomplete("instance")._renderItem = function( ul, item ) {

    if($('#contributors_adduser_autocomplete_div').css('display') == 'none')
     {$("#contributors_adduser_autocomplete_div").css("display", "block");}

    return $("<li></li>")
    .data('ui-autocomplete-item', item)
    .append("<p>"+item.label+"</p><p>"+item.desc+"</p>")
    .appendTo($('.contributors_adduser_autocomplete_ul'));
  };
});

我有两类问题,首先是事件选择不起作用,如果我点击项目没有任何问题。

第二个问题是当我用键盘滚动项目列表时启动的错误,错误日志在jquery-ui文件中将此错误返回给我:

    item = ui.item.data( "ui-autocomplete-item" );
    if ( false !== this._trigger( "focus", event, { item: item } ) ) {
        // use value to match what will end up in the input, if it was a key event
        if ( event.originalEvent && /^key/.test( event.originalEvent.type ) ) {
            this._value( item.value );
        }
    }

未定义this.value行。 :(

任何人都可以帮我解决?非常感谢!!!!

0 个答案:

没有答案