入力画面で選択項目で、ブランドを選択する項目を実装中です。

「ブランド選択する」ボタンを押すとbrand_selectページへ飛び対象のブランドをクリックすると再び入力画面へ戻り、ブランドが選択されているように作りたいです。

  * brand_selectページへはどのようにしたら飛べるでしょうか。現在はvalidateに阻まれて遷移すらできません。
  * 対象のブランドをクリックしたらフォームへ自動で戻り、ブランドが選択されている状態にするにはどうしたら良いでしょうか。
CC BY-SA 3.0
2015-04-22T03:21:34.580
9438
2015-04-22T07:55:48.287
2015-04-22T03:58:41.727
76
9428
question
ruby-on-rails
Rails4 formから別画面へ遷移して選択する
ページを切り替えるまでもない実装はJavascriptで実装するのも手だと思います。

現在作成中のフォーム画面とブランド選択画面をフォーム画面に統合し、ブランドを選択するボタンが押された時に、フォームを非表示にし、隠してあったブランド選択UIを表示して、あたかもページが切り替わっているように見せるのはどうでしょうか。

```

    <div class='main_form'>
      ここにフォーム
      <button class='brand_button'>ブランドを選択する</button>
    </div>
    
    <div class='brand_select'>
      ここにブランド選択のUIを作成
    </div>
    
    <script>
      $(function(){
    
        // ブランドを選択するボタンが押されたら
        $('.brand_button').on('click',function(){
    
          // コンテンツの表示を切り替える
          $('.main_form').hide()
          $('.brand_select').show()
        });
    
      });
    </script>
    
    <style>
      // ブランド選択画面を隠しておく
      .brand_select {
        display: none;
      }
    </style>
    
```
CC BY-SA 3.0
2015-04-22T07:55:48.287
9447
2015-04-22T07:55:48.287
8351
9438
answer