如何以 Rails 形式链接下拉菜单

2023-12-26

如何在 Rails 页面上链接下拉菜单。两个下拉列表都来自数据库。

例如,如果第一个下拉列表是category(即将形成category桌子)。第二次下降,products,也来自数据库,将根据第一个下拉菜单的选择进行填充?


您可以使用 collection_select 帮助程序创建下拉列表,并在一个下拉列表中选择一个值时,您可以将 ajax 请求发送回控制器操作,以使用新的下拉列表和产品更新页面的另一个元素,如下所示

<%= collection_select(:category, :some_category_method_name, 
    Category.all, :id, :category_name, 
    {:prompt => 'Select'},
    { :onchange =>  remote_function(:url => {:action => 'get_products'}, 
    :with => "'id=' + this.value")}) 
%>
<div id='product_dropdown'></div>

所以基本上上面的代码所做的是,生成一个类别下拉列表,并在更改该下拉列表中选定的值时,将使用所选类别的 id 向操作“get_products”发送请求。然后,在该方法中,您可以获得该类别的所有产品,并使用具有产品下拉列表的新部分更新“product_dropdown”元素。

 def get_products
   @category = Category.find(params[:id)
   render :update do |page|
     page.replace_html 'product_dropdown', 
          :partial => 'partial_name_in_which_you_have_product_drop_down',
          :locals => {:products => @category.products}

   end
 end

希望这可以帮助您入门。

如果您不确定 collection_select 是如何工作的这是文档 http://api.rubyonrails.org/classes/ActionView/Helpers/FormOptionsHelper.html#M001625

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何以 Rails 形式链接下拉菜单 的相关文章

随机推荐

  • 使用不同的数据库进行开发与生产 Flask

    我有一个 Flask 应用程序 它根据生产环境变量和开发环境变量使用不同的数据库 我担心开发人员在运行本地 Flask 应用程序之前忘记设置 FLASK ENV development 然后突然对生产数据库进行更新 我想到的唯一简单的解决方
  • 维基数据的重复结果

    我创建了以下对 Wikidata 的 SPARQL 查询 该查询的结果是与德国各州相关的记录 但正如您所看到的 结果连续出现四次 您可以在此处测试它 https query wikidata org https query wikidata
  • 使用 php 更改 css 背景图像

    我正在为这个网站做一个个人资料 我想做一个像 Facebook 那样的封面照片元素 我遇到的问题是 首先如何保存封面的背景图片 比如 我可以将图像的 url 保存在数据库中 但是我如何才能将其放入 css 中呢 我真的不想只是说 div s
  • 如何覆盖父/扩展元素内部的 Xsd 元素

    我正在我的公司创建一个新的数据交换服务 我们想要扩展 core xsd 定义文件中定义的现有对象 这是我需要做的一个例子
  • 当鼠标悬停在浏览器栏/后退按钮上时,Javascript 弹出窗口

    我想在这个页面上模仿这个确切的功能 将鼠标移向顶部浏览器栏 http my personal growth com personal growth what anthony robbins teaches about emotions an
  • iOS 9 中的 Facebook 登录 SDK

    我正在使用 facebook 登录 SDK 它在 iOS 7 8 和 9 中完美运行 但是 如果手机有 facebook 应用程序登录验证 则可以在 iOS 7 和 8 中打开该应用程序 但 IOS 9 无法打开 facebook 应用程序
  • 如何在 Neo4j 中有效地创建独特的关系?

    跟进我的问题here https stackoverflow com questions 29873015 create on not match command for neo4js cql noredirect 1 comment486
  • keras.argmax中axis=-1的含义是什么?

    我是 Keras 的初学者 需要帮助才能理解keras argmax a axis 1 and keras max a axis 1 是什么意思axis 1 when a shape 19 19 5 80 以及输出是什么keras argm
  • JavaScript 中循环 2 个数组无法正常工作

    我有以下 JavaScript 代码 据我所知 该代码应该仅输出一次日期和相应的计算值 但是由于某种原因 我看到内部的输出不正确parseData日期记录两次并且值被覆盖的函数 我不确定是什么导致了这里的问题 这是可以使用 node js
  • 是否可以在 JavaScript 中实现动态 getter/setter?

    我知道如何为名称已知的属性创建 getter 和 setter 方法如下 A trivial example function MyObject val this count 0 this value val MyObject protot
  • 使用 SheetJS 将包含合并单元格的 .xlsx 文件转换为 JSON

    我正在尝试使用 SheetJS 读取 xlsx 文件并将其转换为 JSON 我能够读取简单的 没有合并单元格 xlsx 文件并将其转换为 JSON 但我无法正确处理合并单元格 问题是我有一个 xlsx 文件 其中包含不同语言的产品 我尝试在
  • MVC 嵌套视图和部分视图

    我正在使用 MVC 3 创建原型项目 我遇到了一种情况 我似乎无法找到答案 而且似乎我可能以错误的方式处理问题 我的项目的快速概述 它基于您通过 Visual Studio 获得的 MVC 模板 我使用提供的 Layout 视图上的链接 选
  • 使用 AMD 和 webpack 在浏览器中拉入 sinon 子模块

    我遇到了中描述的相同问题这个问题 https stackoverflow com questions 20570301 typeerror undefined is not a function evaluating sinon spy 基
  • 将方法传递给整个对象,还是传递该对象的属性,哪个性能更高?

    考虑以下示例 我需要检查 CouponModel 是否有唯一的序列号 我有两个选择 CouponModel model GetFromSomewhere if CouponHasUniqueKey model or if CouponHas
  • 如何判断Dart列表是否是固定列表?

    如何在运行时确定 Dart 中的列表是否是 固定列表 在 Dart 中 至少 有三种创建固定长度列表的方法 var fixed new List 5 fixed at five elements var alsoFixed new List
  • 在 WPF 中打开模式对话框时主窗口呈灰色

    当从主窗口打开模式对话框时 我想用灰色覆盖主窗口 WPF中有没有标准的解决方案来模拟这种效果 这里有一个例子 没有内置的功能 但它应该很容易实现 在主窗口中 您需要在顶层有一个没有定义的列或行的网格 因此它只是一个占据所有客户区域的单元格
  • 在文本字符串中查找特定术语并在上一列中返回该术语

    由于某种原因 我无法弄清楚第一个返回是否有效 但是当我向下拖动时 其他结果返回为 VALUE IF FIND Drummondville B3 gt 0 Drummondville IF FIND Saint Germain de gran
  • 检查设备是否可以使用 Cordova 解码视频

    我在用着VR view https developers google com vr concepts vrview在我的 Ionic Cordova 应用程序中 VR view 的文档指出 某些较旧的设备无法解码大于 1080p 1920
  • 设置 RStudio Portable 默认 R 版本

    我最近发现了 R 和 RStudio 的便携式版本 http rportable sourceforge net http rportable sourceforge net 开源岩石 无论如何 我在大学里从一台电脑跳到另一台电脑 我想让
  • 如何以 Rails 形式链接下拉菜单

    如何在 Rails 页面上链接下拉菜单 两个下拉列表都来自数据库 例如 如果第一个下拉列表是category 即将形成category桌子 第二次下降 products 也来自数据库 将根据第一个下拉菜单的选择进行填充 您可以使用 coll