当我开始打字时,缩小搜索结果的范围
Narrow down the search result when I start typing
我在这里寻找创意。。我会尝试用你的想法进行编码,如果我有任何问题,请告诉你。。
问题
页面上有一个文本框和姓名列表。当我开始打字时,我希望搜索结果应该缩小。当我在文本框中键入"a"时,结果应该缩小,并且应该只包含带"a"的名称s。
请告诉我jquery中是否有可用的方法???
尝试jQuery UI的自动完成。
类似这样的东西:
$('#search').on('keyup', function () {
var str = $('#result ul li:contains(' + $(this).val().charAt(0).toUpperCase() + ')');
if (str) {
$('#result ul li').hide();
str.show();
} else {
$('#result ul li').show();
}
});
相关文章:
- AngularJS/HTML/Bootstrap元素用于动态搜索结果
- 在web应用程序中的新搜索中重新加载搜索结果(不带jQuery)
- 检查搜索结果是否存在多次如果是,则在Javascript中只显示一个结果
- 显示可链接的搜索结果+对齐方式
- 谷歌位置服务附近搜索结果基于正确的地图中心的位置
- 为自定义网站创建JavaScript搜索框,创建显示搜索结果的弹出窗口
- 主干,如何记住搜索结果
- 为什么不'我的扩展程序不会出现在Chrome网上商店的搜索结果中
- 如何从谷歌自定义搜索下载搜索结果
- (临时)在Web应用程序中存储JSON搜索结果
- Angular JS根据搜索结果和点击事件更新DOM元素
- 停止 jQuery 自动完成以过滤/搜索结果并填充整个源数组数据
- 使用 jQuery UI 折叠面板显示 couchDB 数据库搜索结果时出现问题
- 清除网格中的存储和加载搜索结果
- 引导 3 - 文本输入下的下拉搜索结果
- GoogleMapsForRails-只有在搜索结果发生变化时才通过ajax更新标记
- 如何将搜索结果显示为“搜索结果”;显示300〃中的1-10〃;
- 当至少有20个搜索结果时,只呈现10个搜索结果?使用Google Places API
- php/mysql搜索结果-当类型>1,同时保持其他类型不>1-代码点火器
- 当我开始打字时,缩小搜索结果的范围