LoginSignup
0
0

More than 1 year has passed since last update.

optionの値によって表示する画像を変える方法

Posted at

やりたかったこと

・selectタグのoptionの値によって表示させる画像を変えたい。

//bladeファイル

 <select name="grade" id="grade">
   <option value="チャンピオン">チャンピオン</option>
   <option value="ダイヤ">ダイヤ</option>
   <option value="プラチナ">プラチナ</option>
   <option value="ゴールド">ゴールド</option>
   <option value="シルバー">シルバー</option>
   <option value="ブロンズ">ブロンズ</option>
   <option value="コッパー">コッパー</option>
 </select>

//ダイヤを選んだらダイヤの画像を表示させたい

controller

    public function index(){
        $posts = Post::get();
        return view('posts.index', compact('posts'));
    }

    public function add(Request $request){
     //selectで選んだデータをgradeに入れる
        $param =[
            'grade' => $request->grade,
        ];
     //DBにgradeのデータを格納
        DB::table('posts')->insert($param);
        return redirect('/posts/index');    
    }

表示させたいbladeファイル

//posts/index.blade.php
//画像の名前をoptionの名前と同じにする
<img src="/images/{{$post->grade}}.png" alt="" class="post-list-img">

そしたら表示できた。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0