Как добавить элемент <select> в код Laravel jetstream / livewire

Question

Я пытаюсь добавить элемент в форму профиля пользователя, в форме регистрации нет проблем, но я не знаю, как добавить его на страницу обновления профиля пользователя

        <div class="col-span-6 sm:col-span-4">
            <x-jet-label for="name" value="{{ __('Name') }}" />
            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model.defer="state.name" autocomplete="name" />
            <x-jet-input-error for="name" class="mt-2" />
        </div>
        <!-- Email -->
        <div class="col-span-6 sm:col-span-4">
            <x-jet-label for="email" value="{{ __('Email') }}" />
            <x-jet-input id="email" type="email" class="mt-1 block w-full" wire:model.defer="state.email" />
            <x-jet-input-error for="email" class="mt-2" />
        </div>

Я пытался добавить это, но не работает

      <div class="col-span-6 sm:col-span-4">
            <x-jet-label for="gender" value="{{ __('Gender') }}" />
            <select id="gender"  class="block mt-1 w-full" name="gender">


                <option value="m" {{ $this->user->gender== 'm' ? 'selected' : '' }} >
                    Male
                </option>
                <option value="f" {{ $this->user->gender== 'f' ? 'selected' : '' }}>
                    Female
                </option>

            </select>
        </div>

Answer 1

Laravel Livewire: выбор ввода, выбран вариант по умолчанию

Livewire автоматически выберет опцию, просто введите wire:model

             <div class="col-span-6 sm:col-span-4">
            <x-jet-label for="gender" value="{{ __('Gender') }}" />
            <select id="gender" class="block mt-1 w-full" wire:model="gender">
                <option value="m">
                    Male
                </option>
                <option value="f">
                    Female
                </option>
            </select>
        </div>