Laravel timepickerとmultiselectをバリデーションエラーの際にoldで再表示したい

前提・実現したいこと

Laravelで作成しているアプリケーションで、timepickerとmultiselectのoldヘルパーの部分が
どうしても反映できませんので教えていただけませんでしょうか。

発生している問題・エラーメッセージ

エラーは出ていませんが反映されない

該当のソースコード

<div class="row">
    <div class="col-sm-4">
        <div class="form-group mb-2">
            <label>開始時間</label>
            <input type="text" class="form-control time24" placeholder="00：00" id="timepicker_b" name="timepicker_b" value="{{old('timepicker_b')}}">
        </div>
    </div>
    <div class="col-sm-4">
        <div class="form-group mb-2">
            <label>終了時間</label>
            <input type="text" class="form-control time24" placeholder="00：00" id="timepicker_a" name="timepicker_a" value="{{old('timepicker_a')}}">
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="form-group">
            <label> 参加者</label>
            <select id="optgroup" class="ms" multiple="multiple" name="member[]" value="{{old('member[]')}}" required>
                @foreach($team as $teams)
                <optgroup label="{{ $teams->name }}">
                    @foreach($user as $users)
                        @unless($teams->id === $users->team_id)
                            @continue
                        @endunless
                        <option value="{{ $users->number }}">{{ $users->first_name }} {{ $users->last_name }}</option>
                    @endforeach
                @endforeach
                </optgroup>
            </select>
        </div>
    </div>

この二つの部分がバリデーションエラーをすると空白になってしまいます。

試したこと

sisyphusというプラグインでフォームの自動保存で代用出来るかと試してみたのですが、
こちらでもセレクトボックスとタイムピッカーの方は保存されませんでした。

補足情報（FW/ツールのバージョンなど）

sisyphusはフォームを自動保存するプラグインなのですがフォームとして認識されていないという事なのでしょうかご存じでしたらご教授下さい。

行動規範の内容に同意します

回答1件

ベストアンサー

LaravelのBladeが作成するのは、動的HTMLとしてHTMLテキストまでなので、その後JavaScriptライブラリが、HTMLのDOM構造をどのように解釈するかはライブラリ次第になります。

問題解決の糸口として、

動的HTMLで事前にvalue属性に値を入れればJavaScriptライブラリが適切に解釈できるか
oldヘルパーの添字で意図するフォーム入力の値が取得てきているか

を切り分けて検証してみてください。

投稿2019/06/03 21:49

aro10

総合スコア4106

memimemi

2019/06/05 12:04

回答ありがとうございます、いただいたアドバイスを元に試行錯誤してみたのですが動的HTMLで事前にvalue属性に値を入れればJavaScriptライブラリが適切に解釈できるかという項目でvalue属性に値を入れても何も反映されない状況になってしまいます。どのようにデバッグ作業を行えばよいでしょうか？