前提
ここに質問の内容を詳しく書いてください。
(例)
indexページにデータベースから取得した値をforeachで回して表示しています。
右部分に更新ボタンを作成し、
申請内容のステータスに応じてボタンの使用可否を分けたいと思っています。
ブレードファイル内にJavaScriptを直接書いて実装しようとしていますが、うまく反映されません。
実現したいこと
ここに実現したいことを箇条書きで書いてください。
- ボタンの非活性可
>データベース内のステータスidに応じて条件式をつけて可否を分けたい
該当のソースコード
HTML
1ソースコード 2 <tbody> 3 @foreach ($signing_up as $signup) 4 <tr> 5 <th scope="row">{{ $signup->id }}</th> 6 <td>{{ optional($signup->user)->name }}</td> 7 <td>{{ optional($signup)->updated_at }}</td> 8 <td>{{ optional($signup)->content }}</td> 9 <td> 10 <select class="status" name="status" id="status"> 11 @foreach ($statuses as $status) 12 <option value="{{ $status->id }}" 13 @if($status->id === $signup->status->id) 14 {{-- selected --}} 15 @endif> 16 {{ $status->name }} 17 </option> 18 @endforeach 19 </select> 20 </td> 21 <td> 22 <input type="button" class="update_button" value="更新"> 23 </td> 24 <td> 25 <a href="{{ route('edit_signing_up', $signup->id) }}"> 編集 </a> 26 </td> 27 </tr> 28 @endforeach 29 30 31 </tbody> 32 </table> 33</div> 34@endsection 35 36 <script> 37 const button = document.getElementsByClassName("update_button"); 38 if ( $signup->status->id <= 2) { 39 button.disabled = true; 40 } else { 41 button.disabled = false; 42 } 43 </script> 44
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー