Выберите каскад с использованием jQuery и PHP в Laravel 4

Я пытаюсь заполнить поле выбора на основе предыдущего значения поля выбора в Laravel 4. Вот что у меня есть на данный момент:

My JS:

var url = document.location.hostname + '/cream/public/list-contacts';

var contacts;

$.ajax({
    async: false,
    type: 'GET',
    url: url,
    dataType: 'json',
    success : function(data) { contacts = data; }
});

$('#account_id').change(function() {
    alert(url);
    label = "<label class='control-label'>Contacts</label>";
    select = $("<select name='contact_id[]' id='contact_id'>");
    console.log(contacts);

    for(var i in contacts) {
        alert(contacts[i]['account_id']);
        if(contacts[i]['account_id'] == $(this).val()) {
            select.append('<option value="' + contacts[i]['id'] + '">' + contacts[i]['name'] + '</option>');
        }
    }

    $('.contacts').html(select).prepend(label);
});

Объявление маршрута моего списка контактов:

Route::get('list-contacts', 'ContactListController@contacts');

Мой метод contacts () в моем ContactListController:

public function contacts()
{
    return Contact::select('contacts.id', 'contacts.account_id', DB::raw('concat(contacts.first_name," ",contacts.last_name) AS name'))->get()->toArray();
}

Форма на мой взгляд:

{{ Form::open(array('action' => 'DelegatesController@store', 'class' => 'view-only pull-left form-inline')) }}
    {{ Form::label('account_id', 'Account', array('class' => 'control-label')) }}
    {{ Form::select('account_id', $accounts) }}
    <div class="contacts"></div>
    {{ Form::label('delegate_status_id', 'Status', array('class' => 'control-label')) }}
    {{ Form::select('delegate_status_id', $delegate_statuses) }}
    {{ Form::label('price', 'Price', array('class' => 'control-label')) }}
    {{ Form::text('price', '', array('class' => 'input-small')) }}
    {{ Form::hidden('event_id', $event->id) }}
    {{ Form::submit('Add Delegate', array('class' => 'btn btn-success')) }}
{{ Form::close() }}

ИЗМЕНИТЬ: я изменил свой код выше. Когда я посещаю / list-contacts, он получает правильные данные, которые мне нужны, он просто не назначает эти данные переменной контактов в моем запросе AJAX в моем JS? Любая помощь будет оценена.

Ошибка: это ошибка, которая отображается в моем журнале консоли для переменной контактов:

файл: "/Applications/MAMP/htdocs/cream/vendor/laravel/framework/src/Illuminate/Routing/Controllers/Controller.php" строка: 290 сообщение: "" тип: "Symfony \ Component \ HttpKernel \ Exception \ NotFoundHttpException"


drop-down-menu laravel eloquent laravel-4
person Gareth Daine    schedule 17.05.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Теперь у меня это работает. Это было связано с сгенерированным URL-адресом в запросе AJAX. Я удалил document.location.hostname и жестко закодировал URL-адрес без localhost.

Вот рабочий код для интересующихся:

My JS:

var url = '/cream/public/list-contacts';

var contacts;

$.ajax({
    async: false,
    type: 'GET',
    url: url,
    dataType: 'json',
    success : function(data) { contacts = data; }
});

$('#account_id').change(function() {
    select = $("<select name='contact_id' id='contact_id'>");

    for(var i in contacts) {
        if(contacts[i]['account_id'] == $(this).val()) {
            select.append('<option value="' + contacts[i]['id'] + '">' + contacts[i]['name'] + '</option>');
        }
    }

    $('.delegates .contacts').show();

    $('.delegates .contacts .controls').html(select);
});

Объявление маршрута моего списка контактов:

Route::get('list-contacts', 'ContactListController@contacts');

Мой метод contacts () в моем ContactListController:

public function contacts()
{
    return Contact::select('contacts.id', 'contacts.account_id', DB::raw('concat(contacts.first_name," ",contacts.last_name) AS name'))->get();
}

Форма на мой взгляд:

{{ Form::open(array('action' => 'DelegatesController@store', 'class' => 'delegates pull-left form-horizontal add-delegate')) }}
    <div class="control-group">
        {{ Form::label('account_id', 'Account', array('class' => 'control-label')) }}
        <div class="controls">
            {{ Form::select('account_id', $accounts) }}
        </div>
    </div>
    <div class="control-group contacts">
        {{ Form::label('contact_id', 'Contacts', array('class' => 'control-label')) }}
        <div class="controls">

        </div>
    </div>
    <div class="control-group">
    {{ Form::label('delegate_status_id', 'Status', array('class' => 'control-label')) }}
        <div class="controls">
            {{ Form::select('delegate_status_id', $delegate_statuses) }}
        </div>
    </div>
    <div class="control-group">
        {{ Form::label('price', 'Price', array('class' => 'control-label')) }}
        <div class="controls">
            {{ Form::text('price', '', array('class' => 'input-small')) }}
        </div>
    </div>
    {{ Form::hidden('event_id', $event->id) }}
{{ Form::close() }}
person Gareth Daine    schedule 17.05.2013
comment
Я пытаюсь реализовать решение, подобное вашему, но я борюсь, мой вопрос размещен здесь: stackoverflow.com/questions/22273453/, я увидел это после того, как разместил свой вопрос, но я не уверен, как для реализации вашего решения. вы можете помочь? - person 001221; 08.03.2014