How to add <select> element in Laravel jetstream / livewire code

Question

I'm trying to add element to user profile form, there is no problem in the registration form but I don't know how to add it in user profile update page

  <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>

I tried to add this but it doesn't work

<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>

Does not work is too vague. Please be more specific about the error. — Eugene van der Merwe
– Eugene van der Merwe, Commented Feb 22, 2021 at 18:05

Davidos · Accepted Answer · 2022-05-13 13:49:09Z

1

Laravel Livewire: Input select, default option selected

Livewire will auto select option, just use 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>

answered May 13, 2022 at 13:49

Davidos

6269 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add <select> element in Laravel jetstream / livewire code

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related