Laravel 動的なセレクトボックスの実装方法

Question

前提・実現したいこと

動的なセレクトボックスを実装したいです。
一つ目のセレクトボックスで、科目(tagsデーブル)を選択すると二つ目のセレクトボックスで一つ目で選んだ科目のみの課題(memosテーブル)を表示できるよう連動させたいです。

![]
![]

該当のソースコード

<div class="form-group row”>
      <label for="memo">科目</label> 
        <select name='tagname' class="form-control"  >
        @foreach($tags as $tag)
        <option value="{{ $tag['tagname']}}">{{ $tag['tagname']}}</option>
        @endforeach
          </select> 
     <div>
         <div class="form-group row”>
            <label for="memo">課題</label> 
             <select name='content' class="form-control"  >
      @foreach($memos as $memo)
     <option value="{{ $memo['content']}}">{{ $memo['content']}}</option>
      @endforeach
     </select> 

 public function progress()
    {
        $user = \Auth::user();
        $memos = Memo::all();
        $tags = Tag::all();

        return view('progress',compact('user','memos','tags'));

Route::get('/progress', 'HomeController@progress')->name('progress');

試したこと

色々調べましたが、わかりませんでした。できなくて本当に困っています。
初心者で至らない点があると思いますが、よろしくお願いいたします。

補足情報

画像を載せさせていただきました。
詳しく、コードを教えていただけたら幸いです。

Answer 1

コードが一部で確かめようがないですが、JavaScript・jQueryとしておかしい記述が散見されます。

Query(

書くならjQuery
ただ、$も同義です。どちらかに統一したほうが良いでしょう。

('select[name='content'])

シングルクォートで囲うなら中はダブルクォートにしなければなりませんし、
外のクォートが閉じていません。

url: './ajaxs/progress',tagID,

urlの値ではなくajax機能の引数の1つとして認識されませんかこれ。

など。

いずれにしてもブラウザに表示させたときに「コンソール」は確認してください。
JavaScriptのエラーなど出ているはずです。

---

HTMLもおかしいところがあります。

<select name='content' type="select" class="form-control" >

動作には影響はないですが、selectにtype属性はありません。

---

PHP,Laravel,HTML,JavaScript,jQuery・・・
いずれも公式もしくはそれに近しいドキュメントがネット上にあります。
何かの個人記事を参考にすることは良いのですが、「見よう見まね」だけじゃなく、必ずドキュメントで裏取りをしてください。

デバッグをしたり、エラーメッセージを読むことも大事です。