设置隐藏字段值基于Collection_select选择菜单

时间:2015-03-24 04:52:04

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

我正在使用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很新,并且很难搞清楚。

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

试试这个

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

答案 2 :(得分:0)

对于下拉列表(选择字段)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>