Semantic-UI Dropdown 也在“数据值”中搜索

中小企业

有没有办法让下拉搜索只搜索内容?

在这个例子中,当我寻找de时,它向我展示了丹麦(我想要的)和德国(因为data-value="de"):

<div class="ui fluid search selection dropdown">
  <input type="hidden" name="country">
  <i class="dropdown icon"></i>
  <div class="default text">Select Country</div>
  <div class="menu">
  ...
  <div class="item" data-value="dk"><i class="dk flag"></i>Denmark</div>
  ...
  <div class="item" data-value="de"><i class="de flag"></i>Germany</div>
  ...
</div>
中小企业

我找到了相应的配置:

$('.ui.dropdown').dropdown({
            match: "text"
        });

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当通过 Ajax 检索项目时,将自定义数据属性添加到 Semantic UI Dropdown

来自分类Dev

Semantic-UI 的搜索元素返回 TypeError

来自分类Dev

Semantic-ui-react:搜索结果不可见

来自分类Dev

Internet Explorer 9中的Semantic-UI 2.0?

来自分类Dev

流星中的Semantic-ui复选框

来自分类Dev

修复了 react-semantic-ui 中的侧边栏

来自分类Dev

如何使用 Semantic-UI 中的占位符元素?

来自分类Dev

如何在 React -Semantic UI - Dropdown 组件中生成带有数字数组的下拉列表?

来自分类Dev

有没有一种方法可以为Semantic UI React Dropdown提供html“ name”属性,使其表现得像表单提交中的普通输入元素?

来自分类Dev

动态设置DropDown值不会在UI中刷新

来自分类Dev

使用 Semantic-UI 搜索下拉菜单在每个项目的多个值中进行选择

来自分类Dev

在Kendo UI Dropdown中无法渲染Json数据

来自分类Dev

如何使用 react-semantic-ui 将选定的值设置为状态

来自分类Dev

如何在Laravel 5.2中增加Semantic-UI表的计数

来自分类Dev

使用Semantic-UI(或Font Awesome)图标作为OpenLayers3中的标记

来自分类Dev

如何在Webpack Angular 2中包含jQuery和Semantic-ui

来自分类Dev

使Semantic-ui表行像Meteor JS中的按钮一样可选

来自分类Dev

从列表中单击时,semantic-ui multiselect下拉列表选择项

来自分类Dev

如何在 React Semantic UI 中的 Progressbar 上设置自定义文本

来自分类Dev

Responsive replacement for Semantic UI's navigation menu

来自分类Dev

Angular UI Dropdown问题

来自分类Dev

为React语义UI中的每个选定的Dropdown项目着色

来自分类Dev

如何在Jquery Ui对话中添加Dropdown

来自分类Dev

React CSS Webpack Hashing & Usage with semantic-ui-sass, semantic-ui-react

来自分类Dev

require('jquery')vs require('semantic-ui-css'),只有一个可以在Webpack的React编程中起作用

来自分类Dev

如何将Semantic-UI添加到Phoenix

来自分类Dev

使用Semantic-UI的最低JQuery版本是什么

来自分类Dev

使用Semantic-UI的div的垂直对齐

来自分类Dev

使用Webpack反应Semantic-ui捆绑包的大小太大

Related 相关文章

  1. 1

    当通过 Ajax 检索项目时,将自定义数据属性添加到 Semantic UI Dropdown

  2. 2

    Semantic-UI 的搜索元素返回 TypeError

  3. 3

    Semantic-ui-react:搜索结果不可见

  4. 4

    Internet Explorer 9中的Semantic-UI 2.0?

  5. 5

    流星中的Semantic-ui复选框

  6. 6

    修复了 react-semantic-ui 中的侧边栏

  7. 7

    如何使用 Semantic-UI 中的占位符元素?

  8. 8

    如何在 React -Semantic UI - Dropdown 组件中生成带有数字数组的下拉列表?

  9. 9

    有没有一种方法可以为Semantic UI React Dropdown提供html“ name”属性,使其表现得像表单提交中的普通输入元素?

  10. 10

    动态设置DropDown值不会在UI中刷新

  11. 11

    使用 Semantic-UI 搜索下拉菜单在每个项目的多个值中进行选择

  12. 12

    在Kendo UI Dropdown中无法渲染Json数据

  13. 13

    如何使用 react-semantic-ui 将选定的值设置为状态

  14. 14

    如何在Laravel 5.2中增加Semantic-UI表的计数

  15. 15

    使用Semantic-UI(或Font Awesome)图标作为OpenLayers3中的标记

  16. 16

    如何在Webpack Angular 2中包含jQuery和Semantic-ui

  17. 17

    使Semantic-ui表行像Meteor JS中的按钮一样可选

  18. 18

    从列表中单击时,semantic-ui multiselect下拉列表选择项

  19. 19

    如何在 React Semantic UI 中的 Progressbar 上设置自定义文本

  20. 20

    Responsive replacement for Semantic UI's navigation menu

  21. 21

    Angular UI Dropdown问题

  22. 22

    为React语义UI中的每个选定的Dropdown项目着色

  23. 23

    如何在Jquery Ui对话中添加Dropdown

  24. 24

    React CSS Webpack Hashing & Usage with semantic-ui-sass, semantic-ui-react

  25. 25

    require('jquery')vs require('semantic-ui-css'),只有一个可以在Webpack的React编程中起作用

  26. 26

    如何将Semantic-UI添加到Phoenix

  27. 27

    使用Semantic-UI的最低JQuery版本是什么

  28. 28

    使用Semantic-UI的div的垂直对齐

  29. 29

    使用Webpack反应Semantic-ui捆绑包的大小太大

热门标签

归档