使用Laravel动态下拉

时间:2016-07-26 09:28:34

标签: javascript jquery drop-down-menu laravel-5.2

我试图使用另一个下拉菜单获取动态下拉菜单。 这是我的刀片文件。

<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>

当我尝试这个时,我得到了

  

未捕获的SyntaxError:意外的标识符

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

1 个答案:

答案 0 :(得分: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+'');
        });
     });
});