Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >无法从自动完成列表中选择名称

无法从自动完成列表中选择名称
EN

Stack Overflow用户
提问于 2018-08-24 14:24:44
回答 1查看 45关注 0票数 0

我正在显示文本框的自动完成列表。

当用户在textbox中键入某个字符时,它会显示自动完成列表,用户可以从该列表中选择名称,但如果用户不想从自动完成列表中选择任何名称并在列表外单击,则自动完成列表将消失,其代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#country1:not(:focus)+.list-group {
  display: none;
}

但是我的工作功能已经中断,它不允许从任何文本框的自动完成列表中选择名称。

演示:http://plnkr.co/edit/y4UNoYtuJFYhjpN0mtWS?p=preview

CSS:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#country1:not(:focus)+.list-group {
  display: none;
}

#country2:not(:focus)+.list-group {
  display: none;
}

#country3:not(:focus)+.list-group {
  display: none;
}
EN

回答 1

Stack Overflow用户

发布于 2018-08-24 14:53:58

如果我理解正确的话:

鼠标按下并添加在方法()中,将字段的值添加到列表鼠标按下使用ng-

  • 而不是ng-

(用于在失去焦点之前执行单击)

$scope.complete = function ( string,labelSel) { var labelSel= [];if(string !== "") output.push(string);//在第一个国家推送字符串(angular.forEach,function (LabelSel){ if (country.toLowerCase().indexOf(string.toLowerCase()) >= 0) { output.push (country);} });//...etc }

http://next.plnkr.co/edit/rlYx5oXTqbfBloid5Jue?p=preview

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52006570

复制
相关文章
从 Python 列表(list)中随机选择一个元素
import random foo = ['a', 'b', 'c', 'd', 'e'] print(random.choice(foo)) 或 foo = ['a', 'b', 'c', 'd', 'e'] from random import randrange random_index = randrange(0,len(foo)) print foo[random_index]
Python疯子
2018/09/06
7K0
[1207]ImportError:无法导入名称“ RandomizedLogisticRegression”
ImportError:无法导入名称“ RandomizedLogisticRegression”
周小董
2023/10/10
4270
[1207]ImportError:无法导入名称“ RandomizedLogisticRegression”
ImportError:无法导入名称“ RandomizedLogisticRegression”
周小董
2023/10/10
4080
当集合名称带有特殊字符时,无法从mongodb删除集合
本文为joshua317原创文章,转载请注明:转载自joshua317博客 https://www.joshua317.com/article/290
joshua317
2022/12/09
7070
VS Code 中的自动完成
vscode 1.6.x 发布了,有一系列的新特性,我个人比较开心见到 ts/js 语法着色有提升,我还专门搞了个 issue 吐槽过这个。
IMWeb前端团队
2019/12/04
1.4K0
VS Code 中的自动完成
该文介绍了 vs code 中自动完成功能的概述、实现方式、使用方法和效果。
IMWeb前端团队
2017/12/29
1.8K0
VS Code 中的自动完成
使用VBA自动选择列表框中的第一项
有时候,可能你想自动选择列表框中的第一项或者最后一项。例如,当选择列表框所在的工作表时,列表框自动选择第一项,或者选择最后一项。这都可以使用简单的VBA代码轻易实现。
fanjy
2022/11/16
2.4K0
使用VBA自动选择列表框中的第一项
自动获取群员名称并用群员名称生成词云图,生成QQ好友列表昵称词云图
利用昨天的QQ群获取的bkn值来获取指定QQ群的群员昵称,然后生成词云图,也可以根据自己的好友列表的昵称生成词云图。
SingYi
2022/07/14
9340
自动获取群员名称并用群员名称生成词云图,生成QQ好友列表昵称词云图
如何从列表中获取元素
观察URAM的物理管脚,不难发现A/B端口都有相应的地址、使能、读写控制信号。与BRAM不同的是URAM的读写使能信号是同一个管脚RDB_WR_A/B,其为0时执行读操作,为1时执行写操作,这意味着一旦A/B端口独立,同一端口的读写操作就无法同时发生,因此,如果采用上一篇文章中介绍的方法将其配置为两个独立的单端口RAM,其读写行为与常规的单端口RAM是不同的,进一步而言,此时的读写行为类似于NO_Change模式。
Lauren的FPGA
2019/10/30
17.5K0
列表选择Spinner
1.只用XML配置来显示列表 在res\values中添加一个arrays.xml 1 <?xml version="1.0" encoding="utf-8"?> 2 <resources>
欢醉
2018/01/22
9640
列表选择Spinner
Power BI 支持的颜色名称列表
在Power BI可用直接使用英文颜色名称自定义颜色,比如字体颜色、背景色、填充色等,通常使用条件判断进行颜色变化。
wujunmin
2022/12/13
1.2K0
Power BI 支持的颜色名称列表
Python - 从字典列表中删除字典
字典是python的一个非常常用的功能,用于根据用户需要在其中存储数据。另一个典型的过程涉及编辑或操作此数据。要成为一名高效且快速的程序员,您必须弄清楚如何从字典列表中删除字典。有许多技术可以从词典列表中删除字典,本文将介绍这些技术。
很酷的站长
2023/08/11
2780
Python - 从字典列表中删除字典
vue选择多个文件并监听选择完成
昨天我们实现了vue下获取单个文件的绝对路径,并且通过另外一个按钮将所选文件的路径显示出来。
efonfighting
2019/10/22
3.2K0
vim中实现python代码自动完成功能
在/usr/share/vim/vim73/autoload目录中检查是否存在python3complete.vim或pythoncomplete.vim文件,如果存在,则直接在用户目录中.vimrc进行配置
用户9127725
2022/08/08
5340
vue实现城市列表选择
最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍
小周sir
2019/09/23
2.6K0
vue实现城市列表选择
PyCaret 成功解决无法从‘sklearn.model_selection._search‘导入名称“_check_param_grid”
这是因为在 sktime 依赖项中使用了来自 sklearn 的私有方法。由于 sklearn 更新为 1.1.0,这个私有方法被删除/移动,因此它正在崩溃。sktime 团队正在努力解决这个问题。同时,您可以通过强制安装 sklearn 1.0.2 来修复此问题。
叶庭云
2022/06/25
1.2K0
PyCaret 成功解决无法从‘sklearn.model_selection._search‘导入名称“_check_param_grid”
OSError: [WinError 1455] 页面文件太小,无法完成操作
解决方式目前查到三种: 1、重启pycharm 长时间运行pycharm可能会在后台占用大量内存。重启清除内存也许会解决问题。 但对我来说并无作用。
zstar
2022/06/14
4.7K0
点击加载更多

相似问题

无法使用Watir从自动完成列表中选择

13

jquery:从自动完成中填充选择列表?

10

从自动完成下拉列表中选择

135

无法使用Selenium从自动完成列表中选择选项

10

无法从自动完成Cypress中选择

239
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文