javascript - 如何知道 Rails 3 上 html 字段的 id？

Question

阶段: 我正在使用嵌套模型，假设我们有两个模型:person 和 car。 这里有 new.html.erb 页面:

<%= form_for(@person do |f| %>
  ...
  <%= f.fields_for :cars do |car| %>
    <div class="field">
      <%= car.label :color %><br />
      <%= car.text_field :color, :maxlength => 7 %>
    </div>
  <% end %>
  ...
<% end %>

将为每辆车生成此代码:

<form ...>
  ...
  <div class="field">
    <label for="person_cars_attributes_0_color">Car color</label><br />
    <input id="person_cars_attributes_0_color" 
           name="person[cars_attributes][0][color]" 
           size="7" type="text" />
  </div>
  ...
</form>

现在假设我们需要为每个输入字段添加一些 javascript 代码，以生成如下内容:

    <script type="text/javascript">
      $(document).ready( function() { $('#person_cars_attributes_0_color').mycolorpicker(); });
    </script>
    <input id="person_cars_attributes_0_color" 
           name="person[cars_attributes][0][color]" 
           size="7" type="text" />

注意，我们需要在 javascript 代码中输入字段 id(在此示例中为 person_cars_attributes_0_color)。

问题:我们如何获取每个生成的 html 字段的 id 值？

非常感谢您的帮助。 如果您需要更多详细信息，请随时向我询问。

Answer 1

如何为相关字段分配您事先确定的 ID 或类？

new.html.erb:

<%= form_for(@person do |f| %>
  ...
  <%= f.fields_for :cars do |car| %>
    <div class="field">
      <%= car.label :color %><br />
      <%= car.text_field :color, :maxlength => 7, :class => 'colorpicker' %>
    </div>
  <% end %>
  ...
<% end %>

JavaScript:

$(document).ready(function() {
  $('.colorpicker').mycolorpicker();
});