当文本输入(id =“问题”)获取焦点时,我想显示所有Typeahead项目.
我该怎么做?
我该怎么做?
使用Javascript:
function SetTypeahead() { $("#Questions").typeahead({ minLength: 0,source: [ "Q1?","Q2?","Q3?","@4?" ] }); }
解决方法
在
https://raw.github.com/michaelcox/bootstrap/6789648b36aedaa795f1f5f11b4da6ab869f7f17/js/bootstrap-typeahead.js获取最新的bootstrap typeahead插件v2.1.2
此更新将允许最小长度为零以启用全部显示
<input id="typeaheadField" name="typeaheadField" type="text" placeholder="Start Typing"> $("#typeaheadField").typeahead({ minLength: 0,items: 9999,source: ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Oregon"] });
那么你必须将onFocus事件附加到你的元素,因为它没有被插件定义:
$("#typeaheadField").on('focus',$("#typeaheadField").typeahead.bind($("#typeaheadField"),'lookup'));
在本地覆盖引导类型头css类也是一个好主意,为结果设置最大高度和垂直滚动,以防结果过多.
.typeahead { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
原文地址:https://www.jb51.cc/bootstrap/234100.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。