我正在显示文本框的自动完成列表。
当用户在textbox
中键入某个字符时,它会显示自动完成列表,用户可以从该列表中选择名称,但如果用户不想从自动完成列表中选择任何名称并在列表外单击,则自动完成列表将消失,其代码如下:
#country1:not(:focus)+.list-group {
display: none;
}
但是我的工作功能已经中断,它不允许从任何文本框的自动完成列表中选择名称。
演示:http://plnkr.co/edit/y4UNoYtuJFYhjpN0mtWS?p=preview
CSS:
#country1:not(:focus)+.list-group {
display: none;
}
#country2:not(:focus)+.list-group {
display: none;
}
#country3:not(:focus)+.list-group {
display: none;
}
发布于 2018-08-24 22:53:58
如果我理解正确的话:
鼠标按下并添加在方法()中,将字段的值添加到列表鼠标按下使用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 }
https://stackoverflow.com/questions/52006570
复制相似问题