来自 select_tag 的自定义数据属性未提交 - Rails 4

Question

我在 Rails 4 应用中有一个简单的搜索 form_tag。

其中一个选项是 select_tag：

<%= select_tag "plottable[plottable_id]", options_for_select(Plottable.all.map{ |plottable| [ plottable, plottable.id, { 'plottbale-type' => plottable.class } ] }), prompt: 'Select one option'%>

HTML 生成正确，导致：

<select name="plottable[plottable_id]" id="plottable_plottable_id">
  <option value="">Select one option</option>
  <option plottable-type="Pool" value="3">Pool1</option>
  <option plottable-type="Pool" value="4">Pool2</option>
  <option plottable-type="Asset" value="33">Asset1</option>
  <option plottable-type="Asset" value="34">Asset2</option>
</select>

提交表单时，不会提交绘图类型。以下是参数：

Parameters: {"utf8"=>"✓", "from_time"=>"", "to_time"=>"", "plottable"=>{"plottable_id"=>"35"}, "commit"=>"Search"}

感谢您的建议。

Answer 1

试试这个：

<select name="plottable[plottable_id]" id="plottable_plottable_id">
<option value="">Select one option</option>
  <option plottable-type="Pool" value="3">Pool1</option>
  <option plottable-type="Pool" value="4">Pool2</option>
  <option plottable-type="Asset" value="33">Asset1</option>
  <option plottable-type="Asset" value="34">Asset2</option>
</select>
<input type="hidden" name=plottable[type] value="", id="plottable_plottable_type">


$('#plottable_plottable_id').on('change', function(){
    var type = $('option:selected', this).attr('plottable-type');
  $('#plottable_plottable_type').val(type);
})

您也可以通过 rails 代码添加隐藏字段标签

<%= hidden_field_tag "plottable[plottable_type]"%>