以 simple_form 呈现动态选择列表

Question

我在 JS/Ajax 方面相对较新，我注意到如何根据以前插入的相同（简单_）形式的数据呈现动态选项。

背景：通过该应用程序，自行车连锁店（“chains”）可以出租

• 名称为“自行车 1”或“黄色自行车”（“自行车”）的自行车，

• 通过挑选自行车类型，例如山地自行车、城市自行车等。 ('bike_types) 和

• 自行车选项，例如头盔等（'bike_options'）

• 这取决于单个自行车商店（'bike_stores'）

• 自行车和选项的租赁将全部记录在订单中（“订单”）

• 订单和自行车之间的关系是多对多的，因此 - 我创建了一个表来桥接这个（'order_bikes'）

悬而未决的问题：我能够通过 JS 获得自行车类型 ID。我如何使用这个自行车类型的 id 以相同的形式显示属于该自行车类型的自行车？

如前所述，不幸的是，我不太熟悉在 Rails 应用程序中使用 JS/Ajax，因此如果可以在应编写建议代码的位置添加文件路径（例如 app/javascript/组件/order.js 等）

最后说明：

• 在租赁过程之前，链所有者首先创建了他/她的 (i) 自行车商店、(ii) 自行车类型、(iii) 自行车和 (iv) 自行车选项，这部分应用程序正在运行。因此，他/她只需要从之前创建的现有库存中选择自行车类型/自行车/选项。

• 我通过省略自行车选项来限制问题的范围，这主要是为了提供一些上下文以了解构建的数据库模式。

楷模

class Order < ApplicationRecord

  belongs_to :bike_store

  has_many :bike_types, through: :bike_store

  has_many :order_bikes, inverse_of: :order, dependent: :destroy

  accepts_nested_attributes_for :order_bikes, allow_destroy: true

end

class OrderBike < ApplicationRecord

  belongs_to :bike

  belongs_to :order

  accepts_nested_attributes_for :bike

end

class Bike < ApplicationRecord

  belongs_to :bike_type

  validates :name, presence: true

  has_many :order_bikes

  has_many :orders, through: :order_bikes

end

class BikeType < ApplicationRecord

  belongs_to :bike_store

  has_many :bikes, dependent: :destroy

  accepts_nested_attributes_for :bikes, allow_destroy: true

  has_many :bike_options, dependent: :destroy

  accepts_nested_attributes_for :bike_options, allow_destroy: true

  validates :name, :bike_count, presence: true

end

class BikeStore < ApplicationRecord

  has_many :bike_types, dependent: :destroy

  has_many :orders, dependent: :destroy

end