创建子类别选择框onChange
我正在创建一个类别系统,用户可以从中选择类别,在选择后,会创建另一个包含该类别子类别的选择框。
所以,我的问题是我怎样才能以最好的方式做到这一点?
BTW我使用的是Laravel Framework,第一类很简单
@foreach(Category::all() as $k) {{ $k['name'] }} @endforeach
但他们选择一个类别后该怎么办? 是否更好的做AJAX调用来发送已选类别的ID并返回子类别或什么?
我需要最好和专业的方法来做到这一点。
在我的数据库中我有
ID, name, parent
使用ajax
,在选择category
发送ajax
请求并执行此操作,您需要在select
上使用change
事件,例如:
// Assumed category is id of the select $('#category').on('change', function(){ var id = $(this).val(); $.getJSON("subcategory/" + id , function(data){ // Assumed subcategory is id of another select var subcat = $('#subcategory').empty(); $.each(data, function(k, v){ var option = $('', {id:k, value}); subcat.append(option); }); }); });
在服务器端,创建这样的路由(您可以使用控制器和Eloquent):
Route('subcategory/{id}', function($id){ // Get the data from database according to the id // Build an array as: id => value and then return return Response::json($subcat); });
填写从另一个下拉列表Laravel中选择选项的下拉列表
这肯定会对你有所帮助。 否则问你是否理解
select_cat.php
分类:
SubCategory :
2.select_subcat.php
'.$sname.''; } } ?> SubCategory :