【问题标题】:How can I use a select box with jQuery AutoComplete?如何在 jQuery AutoComplete 中使用选择框?
【发布时间】:2013-11-28 07:08:42
【问题描述】:

现在我在文本框中有我的自动完成小部件。理想情况下,它应该是一个选择框,但我不知道如何让某人在选择框中输入内容。

所以我只能拥有一个文本框和一个隐藏框。隐藏框应使用文本框中显示的内容的 ID 进行更新。

我对 jQuery 很陌生,至少在这样的深度层面上是这样。我是否让这比我需要的更难?我绝对需要自动完成,因为可能有数十万个可能的值。

【问题讨论】:

    标签: jquery jquery-ui


    【解决方案1】:

    您应该查看名为 chosen 的 jQuery 插件。
    我认为它是过去一年(或更多)编写的最好的 jQuery 插件。

    Chosen 是一个 JavaScript 插件,它使冗长、笨重的选择框更加用户友好。它目前有 jQuery 和 Prototype 两种风格。

    【讨论】:

    • @user3227070 - 在当时,这是最好的。但是select2 已经取代了它。
    【解决方案2】:

    “选择”有一个很好的替代方案 - "Select2" (jQuery only)

    “Select2”用例

    • 通过搜索增强原生选择。
    • 通过更好的多选界面增强原生选择。
    • 从 JavaScript 加载数据:通过 ajax 轻松加载项目并使其可搜索。
    • 嵌套 optgroups:本机选择仅支持一级嵌套。 Select2 没有这个限制。
    • 标记:动态添加新项目的能力。
    • 处理大型远程数据集:能够根据搜索词部分加载数据集。
    • 大型数据集的分页:轻松支持在结果滚动到末尾时加载更多页面。
    • 模板:支持自定义呈现结果和选择。

    【讨论】:

      【解决方案3】:

      在用于自动完成的 jQueryUI 演示页面上恰好有 a great example。它实际上使用select 元素作为后备存储。

      您可以轻松修改它以使用远程数据源。如果您需要远程源,请告诉我,我可以提供示例。

      【讨论】:

      • 请注意,该示例明确表示“这不是受支持甚至不完整的小部件。它纯粹是为了演示自动完成功能可以通过一些定制来做什么”,可能有一些问题(我已经有一些人使用它:( )
      猜你喜欢
      • 2021-07-30
      • 2011-03-07
      • 2012-06-14
      • 1970-01-01
      • 1970-01-01
      • 2012-06-12
      • 1970-01-01
      • 2010-10-22
      • 1970-01-01
      相关资源
      最近更新 更多