javascript - 如何从 Ruby on Rails 3 中的 View 助手添加动态 Javascript 代码？

Question

考虑 View 文件之一中的以下代码:

<table>
  <tr>
    <th><%= f.label(:shop, "Shop:") %></th>
    <td><%= select_with_new_option(f, :shop, :name, :id) %></td>
  </tr>
  ...
</table>

select_with_new_option 是我的辅助方法，在 app/helpers/application_helper.rb 中定义。它会生成一个选择框，其中包含本例中的所有商店，以及“创建新商店”选项。

我想添加一个将显示的 Javascript 代码:

<div>
  <label for="new_shop">New shop:</label>
  <input id="new_shop" name="new_shop" type="text" />
</div>

选择“创建新商店”选项后。

是否可以从 select_with_new_option 生成此 Javascript 代码，或者我应该以其他方式执行此操作？

Answer 1

由于我看不到您生成的代码，所以我只是编造了这个，但是您必须进行微调以满足您的需求...(这也假设您正在使用 jQuery，根据需要进行修改)。

假设您的输出类似于:

表格代码等

<select id="shop_select">
  <option value="new">New Shop</option>
  <!-- other options -->
</select>

页面上的某个位置是您的 div

<div id="new_shop_holder" style="display: none;">
  <label for="new_shop">New shop:</label>
  <input id="new_shop" name="new_shop" type="text" />
</div>

<script type="text/javascript">    
$(function(){
  var $new_shop_holder = $('#new_shop_holder');
  $('select#shop_select').change(function(e) {
    if (this.value == 'new') { $new_shop_holder.show(); }
    else { $new_shop_holder.hide(); }
  });
});
</script>