如何将选择框与 jQuery AutoComplete 一起使用?

发布于 2024-12-09 06:05:10 字数 193 浏览 0 评论 0原文

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

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

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

Right now I have my Autocomplete widget in a text box. Ideally, it would be a Select box, but I can't figure out how to let somebody type in a select box.

So I am relegated to having a text box and a hidden box. The hidden box should get updated with the id of what displays in the text box.

I am pretty new to jQuery, at least on an in-depth level like this. Am I making this harder than I need to? I definitely need autocomplete, because there are potentially hundreds of thousands of possible values.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

咽泪装欢 2024-12-16 06:05:10

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

Chosen 是一个 JavaScript 插件,它使又长又笨重的选择框变得更加用户友好。目前它有 jQuery 和 Prototype 两种版本。

You should look into the jQuery plugin called chosen.
I think it's the best jQuery plugin written in the past year (or more).

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

皓月长歌 2024-12-16 06:05:10

对于“选择”有一个非常好的替代方案 - "Select2"(仅限 jQuery)

“Select2”用例

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

There is a very good alternative for "chosen" - "Select2" (jQuery only).

"Select2" use cases

  • Enhancing native selects with search.
  • Enhancing native selects with a better multi-select interface.
  • Loading data from JavaScript: easily load items via ajax and have them searchable.
  • Nesting optgroups: native selects only support one level of nested. Select2 does not have this restriction.
  • Tagging: ability to add new items on the fly.
  • Working with large, remote datasets: ability to partially load a dataset based on the search term.
  • Paging of large datasets: easy support for loading more pages when the results are scrolled to the end.
  • Templating: support for custom rendering of results and selections.
逆光下的微笑 2024-12-16 06:05:10

在自动完成的 jQueryUI 演示页面上有一个一个很好的例子。它实际上使用 select 元素作为后备存储。

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

There is a great example of precisely this on the jQueryUI demo page for autocomplete. It actually uses a select element as the backing store.

You could easily modify this to use a remote data source. If you need the source to be remote, let me know and I can provide an example.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文