首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >无法从自动完成列表中选择名称

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

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

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

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

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

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

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

CSS:

代码语言:javascript
运行
复制
#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 22: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

复制
相关文章

相似问题

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