CoffeeScript从id / class / name中获取select字段

时间:2017-04-27 13:58:01

标签: javascript ruby-on-rails ajax coffeescript

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

用户/ _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 %>

应用/资产/ Javascript角/ 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或名称并访问它。

1 个答案:

答案 0 :(得分:1)

确保生成的生成的html元素具有您期望的ID。看起来您要将id“status_select”添加到每个选择选项而不是select元素本身。试试:

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