根据 Collection_select 选择菜单设置隐藏字段值答案

【问题标题】：Set Hidden Field Value Based on Collection_select select menu根据 Collection_select 选择菜单设置隐藏字段值
【发布时间】：2015-05-27 07:52:48
【问题描述】：

我正在使用 select2，并且在更新表单中有一个 collection_select，如下所示：

<%= collection_select(:event, :project_date_id, @project_dates.available, :id, :schedule_date, :prompt => false, :selected => @set_date.id)  %>

选择选项时（：id），我还希望在隐藏的字段中放置显示的值（：schedule_date）。

<%= f.hidden_field :starts_on, value: {HERE'S WHERE the :schedule_date display value from the select goes}

我觉得这是 Jquery 的工作......但我对 Jquery 很陌生，并且无法弄清楚。

【问题讨论】：

标签： jquery ruby-on-rails select hidden-field collection-select

【解决方案1】：

对于下拉（选择字段）ID：

<script type="text/javascript">
    $(document).on('change','#select_id', function(){
        var select_value = $(this).select2('val');
        $('#hidden_field_id').val(select_value);
    });
</script>

对于下拉（选择字段）类：

<script type="text/javascript">
    $(document).on('change','.select_class', function(){
        var select_value = $(this).select2('val');
        $('#hidden_field_id').val(select_value);
    });
</script>

【讨论】：

【解决方案2】：

试试这个

<script>
    $(function () {
        $("#select_id").change(function () {
            $('#hidden_field_id').val(this.value);
        });
    });
</script>

【讨论】：

【解决方案3】：

我不是 ruby 开发人员，但如果是 jquery，你可以这样做：

<script>
  $(function(){
    $(document).on('change','#_id_name_for_select', function(){
       var select_value = $(this).val();
       $('#_id_name_for_hidden_field').val(select_value);

    });
  });
</script>

【讨论】：