下拉选项选择的操作

Action on drop down option select

本文关键字：操作 选择 选项      更新时间：2023-09-26

我正在开发一个Ruby on Rails应用程序，目前我需要根据下拉项的选择进行特定操作。

我有以下代码：

<%= collection_select(:cat, :cat_id, @cats, :id, :full_name) %>

当用户选择一个选项时，如何触发特定操作？如何访问该选项的 ID 并执行特定操作？

有什么建议吗？

谢谢

Rails 创建 id，其后跟属性名称的单数形式。 例如 Post.title => "post_title" .

按照您的示例代码，它会导致类似

<select id="post_cat_id"></select>

参见：dom_id

如果我们有这样的模型：

create_table "doctors", force: true do |t|
    t.string   "name"
    t.string   "last_name"
    t.datetime "created_at"
    t.datetime "updated_at"
end
class Doctor < ActiveRecord::Base
    has_many :appointments
    has_many :users, :through => :appointments
    def full_name
    "#{name} #{last_name}"
  end
end

Home控制器：

class StaticController < ApplicationController
  def home
    @doctors = Doctor.all
  end
end

我们可以在视图中生成这样的下拉菜单Home：

<div>
    <p>Pick a doctor</p>
    <%= collection_select(:doctor, :id, @doctors, :id, :full_name) %>
</div>

用户从下拉菜单中选择另一个值后，将触发一些操作：

$("#doctor_id").change(function() {
    var selectedVal = $(this).val();
    // Do something depending on selected value
});

就是这样:)

相关文章：