2016-07-26 4 views
0

Я пытаюсь получить динамическое выпадающее меню, используя другое раскрывающееся меню. вот это мой файл клинка.Dynamic Drop down using Laravel

<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.
Спасибо заранее.

+0

пожалуйста, поделитесь структуры таблицы – msonowal

+1

Скорее всего вы забыли закончить раздел. Осмотрите свой html, и вы найдете вопрос –

ответ

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

+1

По-прежнему получаете ту же ошибку. Uncaught ReferenceError: $ не определен около $ .ajaxSetup ({ – Rhokai