以 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: trueendclass OrderBike < ApplicationRecord  belongs_to :bike  belongs_to :order  accepts_nested_attributes_for :bikeendclass Bike < ApplicationRecord  belongs_to :bike_type  validates :name, presence: true  has_many :order_bikes  has_many :orders, through: :order_bikesendclass 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: trueendclass BikeStore < ApplicationRecord  has_many :bike_types, dependent: :destroy  has_many :orders, dependent: :destroyend