Reputation: 3469

Define the selected option with the old input in Laravel / Blade

I have this code:

<select required="required" class="form-control" name="title">
    <option></option>
    @foreach ($titles as $key => $val)
        @if (stristr($key, 'isGroup'))
            <optgroup label="{{ $val }}">
        @else
        <option value="{{ $key }}">{{ $val }}</option>
        @endif
    @endforeach
    </select>

So when the form have errors i use the line Redirect::route('xpto')->withInput()->withErrors($v). But i can't re-populate the select fields. Any way to do this without using JavaScript for example?

Upvotes: 68

Answers (22)

Akbarali

Reputation: 904

Of all the methods shown to you, I do not recommend using them if your project is made in a version higher than Laravel 9.

use this as laravel itself has added this

Checked / Selected / Disabled

<select name="version">
    @foreach ($product->versions as $version)
        <option value="{{ $version }}" @selected(old('version') == $version)>
            {{ $version }}
        </option>
    @endforeach
</select>

Upvotes: 24

Vincent

Reputation: 4409

A lot more typing, but very clear. I use this in classes to demonstrate how it works. Not recommended for production.

    @if (old('typeid'))
        @if ($type->id == old('typeid'))
            <option value="{{ $type->id }}" selected>
        @else
            <option value="{{ $type->id }}">
        @endif
    @else
        @if ($type->id == $event->typeid)
            <option value="{{ $type->id }}" selected>
        @else
            <option value="{{ $type->id }}">
        @endif
    @endif

Upvotes: 0

Mr Alexander Ws

Reputation: 227

For Laravel 9, you can use this one as example. I think this one is worked.

<select name="version_id" class="form-control custom-select">
    <option value="">Select Version</option>
    @foreach($versions as $version)
        <option value="{{ $version->id }}" {{ old('version_id', $apps->version_id) == $version->id ? 'selected' : null}}>{{ $version->name }}</option>
    @endforeach
</select>

This may be useful for dropdowns in laravel, if you want edit data, but when you click edit, the old data is selected rather than nothing.

Upvotes: 1

pravnkay

Reputation: 64

As of Laravel 9, the method I follow is

If options are hardcoded in view:

<option value="male" {{old('gender', $customer['gender']) === 'male' ? "selected" : ''}}> Male </option>

If options are passed down from controller as array:

@foreach ($genders as $gender)
    <option value="{{$gender}}" {{ old('gender', $customer['gender']) === $gender ? "selected='selected'" : '' }}> {{ucwords($gender)}} </option>
@endforeach

PS: Took the liberty to consider an example of customer model and gender property.

Upvotes: 1

Ahmet Firat Keler

Reputation: 4065

Improving CodeToLife's answer with error validation implementation like below

<div class="form-group row">
    <label for="person-field" class="col-md-4 col-form-label text-right">First Person</label>
    <div class="col-md-6">
        <select id="person-field" class="custom-select select2 @error('person') is-invalid @enderror" name="person" required>
            <option></option>
            @foreach(\App\User::all() as $user)
                <option value="{{$user->id}}" @if (old('person') == $user->id) selected  @endif>{{$user->name}}
                </option>
            @endforeach
        </select>
        @error('person')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
</div>

Upvotes: 0

umutyerebakmaz

Reputation: 1037

Short and clean usage example for Laravel 8.59.0 (pre selected edit form with old)

You can use it for your edit page. It comes with the default selection from the database and if you submit an did not pass verification form, the answer is returned by including the old.

<select name="brand_id">
    @foreach ($brands as $brand)
        <option value="{{ $brand->id }}" @if ($product->brand_id === $brand->id || old('brand_id') === $brand->id) selected @endif>{{ $brand->title }}</option>
    @endforeach
</select>

Upvotes: 2

Avi

Reputation: 134

Many answers demonstrating one liners using ternary operators, but I think using @if is more readable, at least for beginners. The following would have sufficed without the else statement.

 <option value="{{ $key }}" @if(old('title')===$key) selected @endif>{{ $val }}</option>

Upvotes: 1

Christopher

Reputation: 3469

The solution is to compare Input::old() with the $keyvariable using Blade Directives - If Statements.

@if (Input::old('title') == $key)
    <option value="{{ $key }}" selected>{{ $val }}</option>
@else
    <option value="{{ $key }}">{{ $val }}</option>
@endif

Upvotes: 33

namal

Reputation: 1284

Considering user also want to edit their previous input,

<select name="title">
  @foreach ($titles as $key => $value)
    <option value="{{$value->id}}" {{(old('title', $user->title_id) == $value->id ? 'selected' : '')}} > {{$value->name}} </option>
  @endforeach
</select>

old('title', $user->title_id) returns user saved title_id first time, if validation fails it returns user-selected title_id. Then if it is match with current option id, it is being selected.

Upvotes: 0

CodeToLife

Reputation: 4171

<select style="width: 100%;" name="id_driver" id="id_driver" >
  <option value="" @if (old('id_driver') == "")  selected @endif>Select</option>
  @foreach(\App\Driver::all() as $driver)
    <option value="{{$driver->id}}" @if (old('id_driver') == $driver->id)  
        selected  @endif >(#{{$driver->id}}) {{$driver->business_name}}
    </option>
  @endforeach
</select>

Upvotes: 1

keroles Monsef

Reputation: 741

this will help you , just compare with old if exist , if not then compare with the default value

<select name="select_name">
    @foreach($options as $key => $text)
       <option {{ ($key == old('select_name',$default))?'selected':'' }}> {{ $text }} </option>
    @endforeach
</select>

the $default is the value that injected from the controller to the view

Upvotes: 2

Rafiq

Reputation: 11535

Laravel 6 or above: just use the old() function for instance @if (old('cat')==$cat->id), it will do the rest of the work for you.

How its works: select tag store the selected option value into its name attribute in bellow case if you select any option it will store into cat. At the first time when page loaded there is nothing inside cat, when user chose a option the value of that selected option is stored into cat so when user were redirected old() function pull the previous value from cat.

 {!!Form::open(['action'=>'CategoryController@storecat', 'method'=>'POST']) !!}
        <div class="form-group">
            <select name="cat" id="cat" class="form-control input-lg">
                <option value="">Select App</option>
                @foreach ($cats as $cat)
                    @if (old('cat')==$cat->id)
                        <option value={{$cat->id}} selected>{{ $cat->title }}</option>
                    @else
                        <option value={{$cat->id}} >{{ $cat->title }}</option>
                    @endif
                @endforeach
            </select>
        </div>

        <div class="from-group">
            {{Form::label('name','Category name:')}}
            {{Form::text('name','',['class'=>'form-control', 'placeholder'=>'Category name'])}}
        </div>
    <br>
    {!!Form::submit('Submit', ['class'=>'btn btn-primary'])!!}
    {!!Form::close()!!}

Upvotes: 5

bikash bhandari

Reputation: 81

I have changed the code to include '' on the title value since without the quotes it fails to work

    <select class="form-control" name="team" id="team">
     <option value="">---------Choose Team---------</option>
           @foreach($teams as $team)
    <option value="{{$team->id}}" {{(old('team')==$team->id)? 'selected':''}}>{{$team->name}}</option>

    @endforeach
    </select>

    eg.<select name="title">
    <option value="1"  {{ old('title') == '1' ? 'selected' : '' }}>
        Item 1
    </option>
    <option value="2" {{ old('title') == '2' ? 'selected' : '' }}>
        Item 2
    </option>

    </select>

Upvotes: 8

Riki krismawan

Reputation: 567

      <select class="form-control" name="kategori_id">
        <option value="">-- PILIH --</option>
        @foreach($kategori as $id => $nama)
            @if(old('kategori_id', $produk->kategori_id) == $id )
            <option value="{{ $id }}" selected>{{ $nama }}</option>
            @else
            <option value="{{ $id }}">{{ $nama }}</option>
            @endif
        @endforeach
        </select>

Upvotes: 2

Milkmannetje

Reputation: 1181

Okay, my 2 cents, using the default value of Laravel's old() function.

<select name="type">
    @foreach($options as $key => $text)
        <option @if((int) old('type', $selectedOption) === $key) selected @endif value="{{ $key }}">{{ $text }}</option>
    @endforeach
</select>

Upvotes: 1

5less

Reputation: 970

Instead of using Input class you can also use old() helper to make this even shorter.

<option {{ old('name') == $key ? "selected" : "" }} value="{{ $value }}">

Upvotes: 40

G-Rajendra

Reputation: 215

<select name="gender" class="form-control" id="gender">
                                <option value="">Select Gender</option>
                                <option value="M" @if (old('gender') == "M") {{ 'selected' }} @endif>Male</option>
                                <option value="F" @if (old('gender') == "F") {{ 'selected' }} @endif>Female</option>
                            </select>

Upvotes: 14

Unni Bhaskar

Reputation: 1

<select>
    @if(old('value') =={{$key}})
     <option value="value" selected>{{$value}}</option>
    @else
     <option value="value">{{$value}}</option>
    @endif
</select>

Upvotes: 0

Marlon Bernal

Reputation: 577

My solution here is to loop, just to avoid duplicate option

                            <select class="form-control" name="status" >
                              <?php $lists = ['Current', 'Win', 'Lose']; ?>

                              @foreach($lists as $list)
                              <option value={{$list}} {{(old('status') == $list?'selected':'')}} >{{$list}}</option>
                              @endforeach

                            </select>

Upvotes: 1

Aleh

Reputation: 21

<option value="{{ $key }}" {{ Input::old('title') == $key ? 'selected="selected"' : '' }}>{{ $val }}</option>

Upvotes: 2

Carlos Quinones

Reputation: 681

After Playing around a bit I came up with this and it seems to work just splendidly

<select name="options[]" id="options" class="form-control" multiple>
    @foreach($settings->includes->get('optionList') as $option)
        <option value="{{ $option->id }}" {{ (collect(old('options'))->contains($option->id)) ? 'selected':'' }}>{{ $option->name }}</option>
    @endforeach
</select>

I may be 100% wrong in leveraging the collect function but it works fine on many of my tests. After seeing a few other posts on the site I saw someone recommend leveraging the in_array($needle, $array) function but after noticing that if my old('options') was null it would error out because it requires in_array requires, bet you guessed an array. So after finding the solution to that albeit ugly solution I played with the collect method because after all we are using larval right! well anyway the ugly solution is as follows

@if (old("options")){{ (in_array($option->id, old("options")) ? "selected":"") }}@endif

inline but man that looks ugly to me so long story short I am using the following instead

{{ (collect(old('options'))->contains($option->id)) ? 'selected':'' }}

Hope this helps others!!

This does not seem to work for a non multiple select field ill get back with one that does work for that though.

Upvotes: 10

Tim Lewis

Reputation: 29306

Also, you can use the ? operator to avoid having to use @if @else @endif syntax. Change:

@if (Input::old('title') == $key)
      <option value="{{ $key }}" selected>{{ $val }}</option>
@else
      <option value="{{ $key }}">{{ $val }}</option>
@endif

Simply to:

<option value="{{ $key }}" {{ (Input::old("title") == $key ? "selected":"") }}>{{ $val }}</option>

Upvotes: 98

Define the selected option with the old input in Laravel / Blade

Answers (22)

Related Questions