jquery autocomplete显示所有列表

时间:2016-01-20 11:16:31

标签: jquery jquery-ui

无论输入什么,我想显示所有数据。 例如:

data = ["aaa", "bbb", "ccc"]      
$( "#tag_field" ).autocomplete({
   source: data
});

当我输入“d”时,它会向我建议所有数据。只需显示我输入的所有数据。 我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

也许这可能是一个解决方案:

data = ["aaa", "bbb", "ccc"];
$( "#tag_field" ).autocomplete({
  source: data,
  response: function( event, ui ) {
    ui.content.splice(0,ui.content.length);
    $.each(data,function(i,n){
      ui.content.push({label:n, value:n});
    });
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0-beta.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0-beta.1/themes/smoothness/jquery-ui.css">
<input id="tag_field" type="text">