过滤的下拉菜单

Posted

技术标签:

【中文标题】过滤的下拉菜单【英文标题】:Filtered dropdowns 【发布时间】:2017-09-11 04:52:11 【问题描述】:

这一直困扰着我一段时间,我正在创建一个有可能拥有大量记录的网络应用程序。人们将能够使用选择下拉菜单在记录之间导航。我的问题如下,如何创建一个显示数据库记录大小的下拉列表。

例如。您有一个应用程序,它列出了特定州和城市的坑洼数量。像加利福尼亚这样的州。我有两个下拉菜单,一个用于州,另一个用于城市。

所以,在我的第一个下拉菜单中,我选择了“加利福尼亚(300 个坑洼)”这个州。我的第二个下拉列表动态列出该州内的城市并显示值(即城市 A (50)、城市 B (100)、城市 C(150)

enter image description here 这就是我想要做的。

基本上,我正在寻找一个动态选择菜单,该菜单显示我的数据库中下拉列表中每个匹配选项的记录大小/计数。

这是怎么做到的? 是否可以在 Rails 上执行此操作?

【问题讨论】:

您似乎在这里问了一些事情,但您所描述的 UI 元素被称为级联下拉菜单,使用它作为您的搜索词应该有助于这部分。 这个有点老了,但可以提供一些细节:railscasts.com/episodes/88-dynamic-select-menus-revised 感谢您的回复。不幸的是,这不是我想要的。我想在名称旁边添加下拉菜单的值。 |加州 300| --> 第二个下拉列表 | A市 (100)| B市 (50)| C市 (150)|让下拉菜单显示其中的值非常困难 【参考方案1】:

我找到了解决方案。您使用 ul li 创建一个下拉列表,然后有一个 db 查询显示名称旁边的值..

感谢大家的帮助

【讨论】:

以上是关于过滤的下拉菜单的主要内容,如果未能解决你的问题,请参考以下文章

Drupal 视图和暴露的过滤器下拉菜单

为啥网页下拉菜单弹不出来

级联选择/下拉菜单

Plotly:如何使用下拉菜单过滤熊猫数据框?

使用下拉菜单动态过滤 Wordpress 帖子(使用 php 和 ajax)

如何在handsontable上过滤时仅在下拉菜单上显示不包含HTML内容的文本?