javascript - 在键入 bootstrap select jquery 时加载选择选项

标签 javascript jquery html css twitter-bootstrap

我有一个选择框/下拉列表/组合框,其中包含超过 14000 个选项,使用时加载这些选项需要很长时间我正在使用 Bootstrap 选择库来搜索选项

https://silviomoreto.github.io/bootstrap-select/examples/

如何在搜索框中输入时加载或仅加载 100 个选项并在滚动时加载其他选项或任何其他选项以快速加载。

这是代码

<div class="form-group select-group">
           <label>{{trans('home.diag_name')}}</label>
            {!! Form::select('diagnosis',$diagnosis,$v->Diagnosis->id,['class'=>'form-control selectpicker','data-live-search' => 'true' , 'title' => 'Select a Diagnosis']) !!}
          </div>

我正在使用 Laravel 5.2

最佳答案

比使用库 select2 更好:

在此链接和 ajax 方法上:https://select2.github.io/

关于javascript - 在键入 bootstrap select jquery 时加载选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39807615/

相关文章:

php - Javascript 函数和 PHP session 变量

javascript - Jquery ui rotatable 停止时获取旋转 Angular

javascript - 向左平滑滚动

android - 如何从本地 IIS 服务器在 Android 手机上打开 html 页面?

javascript - 为什么我得到标签的索引而不是类的索引

javascript - 如何使用 jQuery 同时附加()一个元素并使用 css()设置其样式

javascript - 不需要的显示 : none added automatically on class

javascript - jquery touchwipe如何获取$(this)

jquery - 在表中显示 ajax jquery 响应

html - 以通用方式嵌入来自 youtube 的视频