首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在jQuery的Ajax AutoComplete中单击字段时显示列表

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

Stack Overflow用户
提问于 2017-12-13 03:46:55
回答 1查看 313关注 0票数 0

我有这个字段

代码语言:javascript
复制
           <div>
                <input type = "text"  class = "form-control" id = "driverplus" placeholder = "Fahrer">
            </div>

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

当我只是点击"driverplus“字段而没有输入任何东西来通过ajax显示整个条目列表时,我如何触发自动完成呢?

代码语言:javascript
复制
$('#driverplus').devbridgeAutocomplete({
    minLength: 0,
    serviceUrl: '/driverplusautocomplete',
    onSelect: function (suggestion) {
           alert('You selected: ' + suggestion.value + " for id " + 

    }
})

选项minLength: 0无效,deferRequestBy: 0也无效。

EN

回答 1

Stack Overflow用户

发布于 2017-12-13 22:00:38

由于使用devbridge自动完成有一些障碍,我将我的框架改为http://projects.sergiodinislopes.pt/flexdatalist/。效果非常好!以防万一有人需要它,下面是解决方案:

代码语言:javascript
复制
  let flexdatalist = $('#driverplus').flexdatalist({
    minLength: 0,
    searchIn: 'name',
    selectionRequired: true,
    valueProperty: '*',
    searchContain:true,
    data: '/driverplusautocomplete'
});

控制器中的php laravel代码

代码语言:javascript
复制
   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;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47780429

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档