Как передать выбранные свойства в соответствии с выбором элемента в поле «Выбрать»?

Question

Когда я выбираю 12, 24 или 36 в поле «Выбор», как дать выбранному параметру выбранное свойство при загрузке?

 <form action="{{ route('penpal.index', ['list'=>$list,'page' => $page]) }}" method="post">
            @csrf
            <select id="inputState" class="form-control" style="height:35px; width:80%" name="list" onchange="this.form.submit()">
                <option value="12" selected>@lang('penpal/component/indexMenu.twelve')</option>
                <option value="24">@lang('penpal/component/indexMenu.twenty_four')</option>
                <option value="36">@lang('penpal/component/indexMenu.thirty_six')</option>
            </select>
        </form>

И я выбрал еще один элемент, но у меня естьперезагрузить его дважды, и цена элемента применяется ... почему? Я устанавливаю значение по умолчанию 12 и изменяю значение переменной списка, когда пользователь выбирает элемент

    if($request->list){

        $list = $request->list;
    }else{
        $list = 12;
    };

Answer 1

Вы должны добавить атрибут HTML selected

 <select id="inputState" class="form-control" style="height:35px; width:80%" name="list" onchange="this.form.submit()">
            <option value="12" selected="selected">@lang('penpal/component/indexMenu.twelve')</option>
            <option value="24">@lang('penpal/component/indexMenu.twenty_four')</option>
            <option value="36">@lang('penpal/component/indexMenu.thirty_six')</option>
        </select>

Answer 2

Я не очень понимаю, что вы имеете в виду. Однако попробуйте этот код.

<form action="{{ route('penpal.index', ['list'=>$list,'page' => $page]) }}" method="post">
            @csrf
            <select id="inputState" class="form-control" style="height:35px; width:80%" name="list" onchange="this.form.submit()">
                <option value="12" {{(old('list') == 12) ? "selected" : ""}} >@lang('penpal/component/indexMenu.twelve')</option>
                <option value="24" {{(old('list') == 24) ? "selected" : ""}} >@lang('penpal/component/indexMenu.twenty_four')</option>
                <option value="36" {{(old('list') == 36) ? "selected" : ""}} >@lang('penpal/component/indexMenu.thirty_six')</option>
            </select>
</form>