javascript - 使用 Laravel 动态下拉菜单

Question

我正在尝试使用另一个下拉菜单来获取动态下拉菜单。 这是我的 Blade 文件。

<div class="form-group">
{!! Form::label('ItemID', 'Code:') !!}
<select class="form-control input-sm" name="ItemID" id="ItemID">
@foreach($items as $itm)
<option value="{{$itm->ID}}">{{$itm->Code}}</option>
@endforeach  
</select>
</div>


<div class="form-group">
{!! Form::label('ActivityItemsID', 'Activity:') !!}
<select class="form-control input-sm" name="ActivityItemsID" id="ActivityItems">
<option value=""></option>

</select>
</div>

我的第一个下拉菜单工作正常。
这是我的route.php

Route::get('/addschedule',function(){
$itemID = Input::get('ItemID');
$sub = DB::table('ActivityItem')->where('ItemID','=',$itemID)->get();
return $sub;
});

这是我使用的脚本。

<script>

   $.ajaxSetup({
   headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
   }

$('#ItemID').on('change', function(e){
    console.log(e);
    var itemID = e.target.value;

    $.get('{{ url('information') }}/addschedule?itemID=' + itemID, function(data) {
        console.log(data);
        $('#ActivityItems').empty();
        $.each(data, function(index,subCatObj){
            $('#ActivityItems').append(''+subCatObj.name+'');
        });
    });
});

});
</script>

当我尝试这个时，我得到

Uncaught SyntaxError: Unexpected identifier

我的代码有什么问题？我正在使用 Laravel 5.2 和 Mysql。
提前致谢。

Answer 1

您的 JavaScript 中有错误。您尚未正确关闭对 $.ajaxSetup() 的函数调用。您的代码应该看起来更像这样:

<script>

$.ajaxSetup({
   headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
   }
});

$('#ItemID').on('change', function(e) {
     console.log(e);
     var itemID = e.target.value;

     $.get('{{ url('information') }}/addschedule?itemID=' + itemID, function(data) {
        console.log(data);
        $('#ActivityItems').empty();
        $.each(data, function(index,subCatObj){
            $('#ActivityItems').append(''+subCatObj.name+'');
        });
     });
});