javascript - CoffeeScript 从 id/class/name 中获取选择字段

Question

我是 CoffeeScript 的新手，并且陷入了一些愚蠢的任务。我无法从他的 ID、自定义类或名称中获取选择器字段。

users/_form.html.erb:

<%= form_for user do |f| %>
  <% if user.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(user.errors.count, 'erro') %> prohibited this user from being saved:</h2>

      <ul>
      <% user.errors.full_messages.each do |message| %>
        <li><%= message %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <p>Pseudo:</p>
    <%= f.label :name %>
    <%= f.text_field :name, id:'name_field' %>

    <%= f.label :status %>
    <%= f.select :status, options_for_select(%w(Visitor Member), id: 'status_select', selected: user.status) %>

    <p>Account:</p>
    <%= f.fields_for :account, @account do |account| %>
      <%= account.label :city %>
      <%= account.text_field :city, id: 'city_field' %>

      <%= account.label :email %>
      <%= account.text_field :email, id: 'email_field' %>
    <% end %>
  </div>

  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

app/assets/javascripts/users.coffee

jQuery(document).on 'turbolinks:load', ->
  status = $("#status_select")
  city = $("#city_field")

  city.on "change", ->
    alert "city field changed!"

  status.on "change", ->
    alert "status field changed!"

我可以在这里获取所有其他字段，例如城市，但无法获取选择字段。我似乎只能从他的类中获取它，例如 status = $("select") 但将来我将在此页面中拥有多个选择器，并且我需要访问此选择器具体。

我不明白是什么让这个选择器字段与 text_fields 不同，以及为什么我不能简单地给他一个 ID 或名称并访问它。

Answer 1

确保生成的 html 元素具有您期望的 id。看起来您正在将 id 'status_select' 添加到每个选择选项而不是选择元素本身。尝试:

<%= f.select :status, options_for_select(%w(Visitor Member), selected: user.status), {}, {id: 'status_select'} %>