Question

我有这个领域

           <div>
                <input type = "text"  class = "form-control" id = "driverplus" placeholder = "Fahrer">
            </div>

我使用https://www.devbridge.com/中的jquery-autocomplete。

当我点击＆＃34; driverplus＆＃34时，如何触发自动完成功能？没有输入任何内容的字段，通过ajax显示整个条目列表。

$('#driverplus').devbridgeAutocomplete({
    minLength: 0,
    serviceUrl: '/driverplusautocomplete',
    onSelect: function (suggestion) {
           alert('You selected: ' + suggestion.value + " for id " + 

    }
})

选项minLength：0不起作用，deferRequestBy：0也没有效果。

Answer 1

由于devbridge自动填充存在一些障碍，我将框架更改为http://projects.sergiodinislopes.pt/flexdatalist/。效果很好！以防有人需要它，这是解决方案：

  let flexdatalist = $('#driverplus').flexdatalist({
    minLength: 0,
    searchIn: 'name',
    selectionRequired: true,
    valueProperty: '*',
    searchContain:true,
    data: '/driverplusautocomplete'
});

控制器中的php laravel代码

   public function driverplusautocomplete() {

    $models = User::where('driver',1)
        ->orderBy('name', 'desc')
        ->get();

    $arrtmp = array();
    foreach ($models as $key => $val) {
        array_push($arrtmp, $val);
    }
    return $arrtmp;
}

单击Ajax AutoComplete for jQuery中的字段时显示列表

1 个答案: