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

Question

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?

Tim Lewis · Accepted Answer · 2015-03-19 15:25:47Z

96

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>

answered Mar 19, 2015 at 15:25

Tim Lewis

28.8k14 gold badges78 silver badges105 bronze badges

1

I still get a lot of upvotes/activity on this answer, which is appreciated, but be sure to look at stackoverflow.com/a/72013957/3965631 too, as Laravel has added this as an @selected (and @checked for checkboxes/radio) Blade Directive in Laravel 9.x (and above).
– Tim Lewis
Commented Jun 19, 2023 at 18:57

Add a comment |

5less · Accepted Answer · 2018-01-16 19:49:39Z

37

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

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

answered Jan 16, 2018 at 19:49

5less

9301 gold badge10 silver badges18 bronze badges

Add a comment |

Tiago Peres · Accepted Answer · 2021-03-08 12:13:37Z

33

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

edited Mar 8, 2021 at 12:13

Tiago Peres

15.1k20 gold badges94 silver badges157 bronze badges

answered Mar 19, 2015 at 15:16

Christopher

3,4497 gold badges26 silver badges36 bronze badges

3

I was gonna ask if this was the problem. There's a difference between "repopulate the select" and "show selected option". Try to explain you issue more clearly in the future.
– Tim Lewis
Commented Mar 19, 2015 at 15:17
Repopulate the select with the selected option.
– Christopher
Commented Mar 19, 2015 at 15:20
I know, and I'm glad you got it working, but your title and the description of your problem are somewhat conflicting.
– Tim Lewis
Commented Mar 19, 2015 at 15:22
I think that's okay now :)
– Christopher
Commented Mar 19, 2015 at 15:25
@Christopher What about the input name be array like this title[] what we should? I do the same thing it is not working.
– Dawlatzai Ghousi
Commented Dec 26, 2016 at 18:04

| Show 3 more comments

Akbarali · Accepted Answer · 2023-10-07 15:13:15Z

22

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>

edited Oct 7, 2023 at 15:13

answered Apr 26, 2022 at 12:27

Akbarali

8449 silver badges17 bronze badges

Add a comment |

Tetsuya Yamamoto · Accepted Answer · 2017-11-30 07:59:37Z

14

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

edited Nov 30, 2017 at 7:59

Tetsuya Yamamoto

24.7k8 gold badges40 silver badges61 bronze badges

answered Nov 30, 2017 at 7:40

G-Rajendra

2157 silver badges17 bronze badges

3

While this code may solve the question, including an explanation of how and why this solves the problem would really help to improve the quality of your post, and probably result in more up-votes. Remember that you are answering the question for readers in the future, not just the person asking now. Please edit your answer to add explanation, and give an indication of what limitations and assumptions apply.
– Makyen ♦
Commented Nov 30, 2017 at 7:43
For some reason, the ternary operator doesn't work for me, and this did the job.
– Maihan Nijat
Commented May 8, 2018 at 1:17
Works as expected !
– Tithira
Commented Mar 14, 2019 at 17:18

Add a comment |

Carlos Quinones · Accepted Answer · 2016-10-04 23:57:46Z

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.

Jose Mhlanga · Accepted Answer · 2019-11-21 09:38:03Z

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>

Rafiq · Accepted Answer · 2020-02-01 18:16:33Z

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()!!}

Aleh · Accepted Answer · 2017-05-22 19:55:18Z

2

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

answered May 22, 2017 at 19:55

Aleh

211 bronze badge

Add a comment |

Riki krismawan · Accepted Answer · 2018-04-20 10:53:32Z

2

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

answered Apr 20, 2018 at 10:53

Riki krismawan

5371 gold badge4 silver badges12 bronze badges

Add a comment |

keroles Monsef · Accepted Answer · 2020-03-16 08:00:15Z

2

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

answered Mar 16, 2020 at 8:00

keroles Monsef

7298 silver badges16 bronze badges

@RJFares you can use the $default only if there is no old('select_name')
– keroles Monsef
Commented Aug 21, 2020 at 18:32

Add a comment |

umutyerebakmaz · Accepted Answer · 2021-09-08 12:43:48Z

2

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>

edited Sep 8, 2021 at 12:43

answered Sep 8, 2021 at 12:38

umutyerebakmaz

1,01710 silver badges19 bronze badges

Add a comment |

Marlon Bernal · Accepted Answer · 2017-10-05 13:14:32Z

1

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>

answered Oct 5, 2017 at 13:14

Marlon Bernal

5775 silver badges5 bronze badges

Add a comment |

Milkmannetje · Accepted Answer · 2018-02-07 09:47:12Z

1

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>

answered Feb 7, 2018 at 9:47

Milkmannetje

1,1821 gold badge10 silver badges36 bronze badges

Add a comment |

CodeToLife · Accepted Answer · 2020-10-05 16:14:32Z

1

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

answered Oct 5, 2020 at 16:14

CodeToLife

4,0202 gold badges44 silver badges31 bronze badges

Add a comment |

Avi · Accepted Answer · 2021-08-25 16:41:17Z

1

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>

answered Aug 25, 2021 at 16:41

Avi

1348 bronze badges

I totally agree with you but I think you should use equal operator(==) instead of identical(===) for it to work!
– Alphy Gacheru
Commented Sep 22, 2021 at 7:50

Add a comment |

pravnkay · Accepted Answer · 2022-07-17 08:47:26Z

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.

Mr Alexander Ws · Accepted Answer · 2022-07-25 07:04:23Z

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.

Unni Bhaskar · Accepted Answer · 2017-10-20 07:00:33Z

0

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

answered Oct 20, 2017 at 7:00

Unni Bhaskar

12 bronze badges

This feels a bit overhead as you can use {{ old('foo') == $foo->foo_id ? ' selected="selected' : '' }} instead. And please always set a value for your tag attributes!
– Roland
Commented Jun 26, 2018 at 12:13

Add a comment |

namal · Accepted Answer · 2020-12-23 07:11:23Z

0

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.

answered Dec 23, 2020 at 7:11

namal

1,2241 gold badge11 silver badges15 bronze badges

Add a comment |

Ahmet Firat Keler · Accepted Answer · 2022-02-10 08:11:12Z

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>

Vincent · Accepted Answer · 2022-07-26 15:56:09Z

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

Collectives™ on Stack Overflow

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

22 Answers 22

Not the answer you're looking for? Browse other questions tagged
laravel
laravel-4
laravel-blade
or ask your own question.

Linked

Hot Network Questions

Collectives™ on Stack Overflow

22 Answers 22

Not the answer you're looking for? Browse other questions tagged laravellaravel-4laravel-blade or ask your own question.

Linked

Related

Not the answer you're looking for? Browse other questions tagged
laravel
laravel-4
laravel-blade
or ask your own question.