Чего я хочу добиться, так это отобразить все категории, а при нажатии на категорию должна отображаться ее относительная подкатегория.
Код вида модели
<!-- Button to Open the Modal -->
<div class="form-group col-md-8">
<button type="button" class="form-control" data-toggle="modal" data-target="#myModal">
Category </button>
<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog modal-lg" >
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Category</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="row">
<div class="col-md-4" >
<a href="#" name="category" id="category" >
@foreach($categories as $category)
<option value="{{$category->id}}">{{$category->category}}</option>
@endforeach
</a>
</div>
<div class="col-md-4 ">
<a href="#" name="subcategory" id="subcategory" >
@foreach($subcategories as $subcategory)
<option value="{{$subcategory->id}}">{{$subcategory->subcategory}}</option>
@endforeach
</a>
</div>
<div class="col-md-4">
hhh
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#category').change(function(){
var categoryID = $(this).val();
if(categoryID){
$.ajax({
type:"GET",
url:"{{url('/api/getSubcategory/')}}/"+categoryID,
success:function(res){
if(res){
data = JSON.parse(res)
$("#subcategory").empty();
$("#subcategory").append('<option>Select</option>');
$.each(data,function(key,value){
$("#subcategory").append("<option value='"+key+"'>"+value+"</option>");
});
}else{
$("#subcategory").empty();
}
}
});
}else{
$("#subcategory").empty();
}
});
});
</script>
Код контроллера:
public function create()
{
$categories = Category::all();
$subcategories = Subcategory::all();
return view('post.create', compact('categories', 'subcategories'));
}
Это маршрут:
Route::get('/post/create', 'PostController@create')->name('post.create');
Это API, который я создал, ноЯ не знаю, как его использовать.
public function getSubcategory(Request $request)
{
$id = $request->id;
$subcategories = Subcategory::where('category_id',$id)
->select('subcategory','id')
->pluck('subcategory', 'id');
{{ dd(json_decode($subcategories, true)); }}
return json_encode($subcategories);
}
API route
Route::get('api/getSubcategory/{id}', 'PostController@getSubcategory');
Как я могу сделать это во время выполнения, когда модель изменяется на подкатегорию своей относительной категории.
Пожалуйста, помогите мне.Я новичок.
Я хочу этот тип вывода Вывод, который я хочу