Laravel Ajax下拉示例 [英] Laravel Ajax dropdown example

问题描述

有人可以分享laravel ajax下拉列表的工作示例吗?关于可靠的下拉列表有很多例子，但是我只想简单地下拉一列，我有两个表格Teacher和National，当老师简介打开时，我想使用Ajax下拉国籍.我没有ajax就做到了，但是我不知道如何使用ajax.不使用ajax:

can someone please share working example of laravel ajax dropdown. there are so many examples about dependable dropdown, but i want simple dropdown of only one column, i have two tables teacher and nation, when teacher profile is open i want dropdown of nationality using ajax. i have done it without ajax, but i don't know how to do with ajax. without ajax:

<select name="nation_id" class="custom-select" >
    <option selected value=" ">Choose...</option>
    @foreach($nations as $nations)
    <option value="{{@$nation_id}}"  {{@$teacher->nation_id== $nations->id ? 'selected' : ''}} >{{@$nations->nation}}</option>
@endforeach

控制器:

$nations = nation::all();

推荐答案

<select class="form-control" name="nation_id" id="nation_id">
          <option value="">Select nation</option>
           @foreach($nations as $nation) 
            <option value="{{ $nation->nation_id }}">{{ $nation->nation_name }}  </option>
          @endforeach
</select>

<select class="form-control" name="teacher" id="teacher">
</select>

现在的ajax代码:

<script type="text/javascript">
$('#nation_id).change(function(){
    var nid = $(this).val();
    if(nid){
        $.ajax({
           type:"get",
           url:"{{url('/getTeacher)}}/"+nid,
           success:function(res)
           {       
                if(res)
                {
                    $("#teacher").empty();
                    $("#state").append('<option>Select Teacher</option>');
                    $.each(res,function(key,value){
                        $("#teacher").append('<option value="'+key+'">'+value+'</option>');
                    });
                }
           }

        });
        }
});
</script>

现在在控制器文件中；

now in controller file;

public function getTeacher($id)
{
    $states = DB::table("teachers")
                ->where("nation_id",$id)
                ->pluck("teacher_name","teacher_id");
    return response()->json($teachers);    
}

最后是路由文件:

Route::get('/getTeacher/{id}','TeachersController@getTeacher');

希望这可以..
祝你好运...

Hope this will work..
Good Luck...

这篇关于Laravel Ajax下拉示例的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！