javascript - 下拉选项选择操作

Question

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

我有以下代码：

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

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

有什么建议吗？

谢谢

Answer 1

Rails 使用单数形式的资源名称后跟属性名称来创建 id。例如Post.title => "post_title"。

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

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

参见：dom_id

Answer 2

如果我们有这样的模型：

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我们可以在View中生成这样的下拉菜单：

<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
});

就是这样 ：）