Rails4 validatesで弾かれた場合に一定の項目だけ値が未選択状態に戻る

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 599

smith

score 167

フォーム送信でvalidatesに弾かれた場合、カテゴリとサブカテゴリが未選択状態に戻ってしまいます。
カテゴリとサブカテゴリ入力した値を保持させるにはどうしたら良いでしょうか
他の選択項目はちゃんと保持されています。

class ItemsController < ApplicationController

def new_index
    @search = Item.search(params[:q])
    @items = @search.result.page(params[:page]).per(48)
  end

 def create
    @item = current_user.items.build(item_params)
    respond_to do |format|
      if @item.save
        format.html { redirect_to @item, notice: 'アイテムを登録しました' }

        format.json { render :show, status: :created, location: @item }
      else

        format.html { render :new }
        format.json { render json: @item.errors, status: :unprocessable_entity }
      end
    end
  end









#item/form

 <div class="form-group">
            <label for="category_id" class="col-sm-3 control-label">カテゴリ</label>
            <div class="col-sm-9">

              <%= f.select :category_id, options_for_select(categories.collect { |category|
                                                              [category.name, category.id] }),  {:include_blank =>  '選択してください' },
                           { id: 'category_select', class: 'form-control select select-default select-block mbl' } %>

              <br>
              <%= f.select :sub_category_id, options_for_select(sub_categories.collect { |child|
                                                                  [child.name, child.id] }), {:include_blank =>  '選択してください' },
                           { id: 'sub_category_select' , class: 'form-control select select-default select-block mbl '} %>

            </div>
          </div>


$(document).on('change', '#category_select', function(evt) {
                    $.ajax({
                        type: 'GET',
                        url: 'items/list',
                        dataType: 'json',
                        data: {
                            category_id: $("#category_select option:selected").val()
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            console.log("AJAX Error: " + textStatus);
                        },
                        success: function(data, textStatus, jqXHR) {
                            $("#sub_category_select").empty();
                            if (data.length == 0) {
                                $("#sub_category_select").hide();
                            } else {
                                $("#sub_category_select").show();
                            }
                            $.each(data, function(idx, sub) {
                                // console.log("" + item.code + ":" + item.name);
                                $("#sub_category_select").append('<option value="' + sub.id + '">' + sub.name + '</option>');
                            });
                            console.log("Dynamic country select OK!");
                        }
                    });
                });
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.21%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る