Dynamically populated select menus in Laravel5 - laravel-5

Question

In a view I have a couple of select menus that are populated by data from two separate tables.
Looking for a way to populate the second select menu depending on the value of the first.
<div class="form-group">
{{Form::label('company', 'Company')}}
<select selected="" class="form-control" id="company" name="company">
#foreach($company as $key)
<option value="">{{$key->name}}</option>
#endforeach
</select>
</div>
<div class="form-group">
{{Form::label('department', 'Department')}}
<select selected="" class="form-control" id="department" name="department">
#foreach($department as $key)
<option =value"">{{$key->name}}</option>
#endforeach
</select>
</div>
This feels like something that shouldn't be too hard, but have yet to find any good information about it.

Answer 1

A way to do this is using javascript. The main idea is to have a partial view with the second select and then call it when the user change something in the first select.
To do this, you need to have two views. The main view will have a call to the second view with a default collection of departments:
<div class="form-group">
{{Form::label('company', 'Company')}}
<select selected="" class="form-control" id="company" name="company">
#foreach($company as $key)
<option value="">{{$key->name}}</option>
#endforeach
</select>
</div>
<div id="second-select" class="form-group">
#include('contents.partial', ['department' => $department])
</div>
The second view (contents.partial) will print the form:
{{Form::label('department', 'Department')}}
<select selected="" class="form-control" id="department" name="department">
#foreach($department as $key)
<option =value"">{{$key->name}}</option>
#endforeach
</select>
Then you'll need a route to call a function to render the second view based on some value:
Route::get('/get/content/{value}', 'ContentController#getContent');
And the function to render the view in ContentController:
public function getContent(Request $request, $value)
{
$department = Department::where('value', $value)->get();
return view('contents.partial', [
'department' => $department
])->render();
}
And to call this, you need a javascript/jquery to identify the change in the select and fire the function in controller
<script>
$(document).ready(function(){
setListener();
});
function setListener() {
$('#company').change(function() {
var value = $(this).val();
$.get( "/get/content/"+value, function( data ) {
$('#second-select').empty();
$('#second-select').append(data);
});
});
}
</script>
This is the main idea, ok?