Why does the query gone when i fill any form on livewire

  Kiến thức lập trình

So i have this condition on livewire


        @if (request()->query('program') == 'high-school')
        <div class="mb-4">
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label for="instance" class="block text-gray-700 font-semibold mb-2">Instance</label>
                    <select id="instance" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:border-blue-500" wire:model.lazy="instance">
                        <option value="null" selected disabled>{{ __('Please select') }}</option>
                        @foreach($dataInstance as $instance)
                            <option value="{{ $instance->id }}">{{ $instance->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="program" class="block text-gray-700 font-semibold mb-2">Program</label>
                    <select id="program" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:border-blue-500" wire:model.lazy="program">
                        <option value="null" selected disabled>{{ __('Please select') }}</option>
                    </select>
                </div>
            </div>
        </div>
        @else
        <div class="mb-4">
            <label for="instance" class="block text-gray-700 font-semibold mb-2">Instance</label>
            <select id="instance" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:border-blue-500" wire:model="instance" wire:change="fetchFaculties">
                <option value="null" selected disabled>{{ __('Please select') }}</option>
                @foreach($dataInstance as $instance)
                    <option value="{{ $instance->id }}">{{ $instance->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="mb-4">
            <div class="grid grid-cols-2 gap-4">
                <div>
                    <label for="faculty" class="block text-gray-700 font-semibold mb-2">Faculty</label>
                    <select id="faculty" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:border-blue-500" wire:model="faculty" wire:change="fetchPrograms">
                        <option value="null" selected disabled>{{ __('Please select') }}</option>
                        @foreach($faculties as $faculty)
                            <option value="{{ $faculty->id }}">{{ $faculty->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="program" class="block text-gray-700 font-semibold mb-2">Program</label>
                    <select id="program" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:border-blue-500" wire:model.lazy="program">
                        <option value="null" selected disabled>{{ __('Please select') }}</option>
                        @foreach($programs as $program)
                            <option value="{{ $program->id }}">{{ $program->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        @endif

Im using query as conditions. the problem is, the query gone when i fill any form. for example, if i im on ?program=high-school, and i fill any form, it will change to the else condition.

I want the condition stay still when i fill any form

New contributor

Chirush is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

LEAVE A COMMENT