选择选项后如何从ui-select中移除焦点

尼文·赖

一旦用户使用鼠标单击并进入输入开始搜索选择了一个选项,就需要从ui选择输入中删除焦点。现在发生的事情是焦点仍然集中在select上,因此单击Enter即可打开下拉列表。

  <ui-select id= "country" ng-model="ctry" name= "country"  theme="bootstrap">
      <ui-select-match >{{text || $select.selected.id}}</ui-select-match>
          <ui-select-choices repeat="countryL in countryLookup | filter: $select.search">
             <div ng-bind-html="countryL.id | highlight: $select.search"></div>
                <small ng-bind-html="countryL.name | highlight: $select.search"></small>
       </ui-select-choices>

用户名

将on-select =“ onSelected($ item)”添加到ui-select中并在控制器中:

$scope.onSelected = function (selectedItem) {
    setTimeout(function(){
        $(':focus').blur();
    })
}

或在控制器中使用$ timeout

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Thymeleaf在Select上选择选项后,如何执行操作?

来自分类Dev

如何更改Javascript中的选择选项

来自分类Dev

如何从选择选项中删除空格?

来自分类Dev

如何选择选项,仅在更改后才会显示在下拉菜单中

来自分类Dev

从输入中移除焦点时的CSS选择器

来自分类Dev

页面加载时如何从TextInputLayout中移除焦点?

来自分类Dev

如何从SearchView移除焦点?

来自分类Dev

如何使用jQuery从选择选项中隐藏选择选项列表

来自分类Dev

如何使用jquery在选择选项中设置选择的值?

来自分类Dev

如何在使用jQuery的选择中取消选择选项

来自分类Dev

如何使用jquery在选择选项中设置选择的值?

来自分类Dev

如何从PHP中的数组的选择选项中获取值?

来自分类Dev

如何在选择选项中滚动滚动锚

来自分类Dev

如何在WooCommerce版本选择选项中添加“必需”

来自分类Dev

如何防止onclick事件在选择选项中触发

来自分类Dev

我如何使用JavaScript获取选择选项中的值

来自分类Dev

如何在选择选项中隐藏4小时

来自分类Dev

如何在Chrome中删除选择选项黑色边框?

来自分类Dev

如何在SQL中的导入数据中选择选项

来自分类Dev

如何使用数组中的值生成选择选项?

来自分类Dev

如何在HTML中设置特定选择选项的样式

来自分类Dev

如何在SWTableViewCell中添加向右滑动选择选项

来自分类Dev

如何在angularjs中传递选择选项值

来自分类Dev

如何在laravel中创建动态选择选项?

来自分类Dev

如何在选择选项中强制添加输入?

来自分类Dev

如何在 Symfony 4.1 中设置选择选项名称?

来自分类Dev

如何从我的数据库中检索选择选项

来自分类Dev

如何在 Vue.js 中获得选择选项

来自分类Dev

<>中的HTML选择选项

Related 相关文章

  1. 1

    使用Thymeleaf在Select上选择选项后,如何执行操作?

  2. 2

    如何更改Javascript中的选择选项

  3. 3

    如何从选择选项中删除空格?

  4. 4

    如何选择选项,仅在更改后才会显示在下拉菜单中

  5. 5

    从输入中移除焦点时的CSS选择器

  6. 6

    页面加载时如何从TextInputLayout中移除焦点?

  7. 7

    如何从SearchView移除焦点?

  8. 8

    如何使用jQuery从选择选项中隐藏选择选项列表

  9. 9

    如何使用jquery在选择选项中设置选择的值?

  10. 10

    如何在使用jQuery的选择中取消选择选项

  11. 11

    如何使用jquery在选择选项中设置选择的值?

  12. 12

    如何从PHP中的数组的选择选项中获取值?

  13. 13

    如何在选择选项中滚动滚动锚

  14. 14

    如何在WooCommerce版本选择选项中添加“必需”

  15. 15

    如何防止onclick事件在选择选项中触发

  16. 16

    我如何使用JavaScript获取选择选项中的值

  17. 17

    如何在选择选项中隐藏4小时

  18. 18

    如何在Chrome中删除选择选项黑色边框?

  19. 19

    如何在SQL中的导入数据中选择选项

  20. 20

    如何使用数组中的值生成选择选项?

  21. 21

    如何在HTML中设置特定选择选项的样式

  22. 22

    如何在SWTableViewCell中添加向右滑动选择选项

  23. 23

    如何在angularjs中传递选择选项值

  24. 24

    如何在laravel中创建动态选择选项?

  25. 25

    如何在选择选项中强制添加输入?

  26. 26

    如何在 Symfony 4.1 中设置选择选项名称?

  27. 27

    如何从我的数据库中检索选择选项

  28. 28

    如何在 Vue.js 中获得选择选项

  29. 29

    <>中的HTML选择选项

热门标签

归档