Question

正如标题所示，我希望能够减少自动完成建议的建议量，因为我发现即使将minLength设置为3，仍然会建议太多的值。我尝试过设置maxItemsToShow：和max：但两个都没有为我工作。

理想情况下，我希望能够键入几个字符并使用滚动条自动完成建议5个值来筛选其他建议（如果可能）。

$(function() {
   $( "#step" ).autocomplete({
     source: '${g.createLink(controller: 'templateStep', action: 'suggestedStepValues')}',
     minLength: 3,
     max: 5
});

关于如何实现这一目标的任何想法？

编辑*

这是我的输入字段：

<div class="form-group col-md-3">
  <label for="step">
     <g:message code="templateStep.step.label" default="Step" />
  </label>
     <g:textField name="step" class="form-control" maxlength="250" required=""   value="${templateStepInstance?.step}"/>

 </div>

这是我的脚本功能：

 $(function() {
  $( "#step" ).autocomplete({
   source: '${g.createLink(controller: 'templateStep', action: 'suggestedStepValues')}',
   minLength: 3
 });

Answer 1

根据documentation，没有参数，但使用下面的CSS可以使自动填充框大小符合您的需求。

.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}

https://stackoverflow.com/a/7617449/3387421

JSFiddle：http://jsfiddle.net/whn1stde/

＆＃13;

$(document).ready(function(){
   $( "#test" ).autocomplete({ source: [ "test","test2","test3","test4"]});
});

＆＃13;

.ui-autocomplete { height: 45px; overflow-y: scroll; overflow-x: hidden;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<input type="text" id="test"/>

＆＃13;

JQuery自动完成减少建议

1 个答案: