Dynamic Drop down using Laravel

Question

I m trying to get a dynamic dropdown menu using another dropdown. here this is my blade file.

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

my first dropdown works fine.
This is my route.php

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

This is the script I used.

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

When I try this, I get

Uncaught SyntaxError: Unexpected identifier

What is the problem with my code? I am using Laravel 5.2 and Mysql.
Thanks in advance.

Most likely you forgot to end a section. Inspect your html and you will find the issue — Chibueze Opata
– Chibueze Opata, Commented Jul 26, 2016 at 21:07

David Smith · Accepted Answer · 2016-07-28 02:34:53Z

1

You have an error in your JavaScript. You haven't closed the function call to $.ajaxSetup() correctly. Your code should look more like this:

<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+'');
        });
     });
});

answered Jul 28, 2016 at 2:34

David Smith

6034 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rhokai Over a year ago

Still get the same error. Uncaught ReferenceError: $ is not defined near $.ajaxSetup({

Collectives™ on Stack Overflow

Dynamic Drop down using Laravel

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related