我正在寻找一种解决方案，以便在从另一个下拉列表(例如下拉列表 1)中选择一个选项时填充下拉菜单/选择(例如称为下拉列表 2)。

例如，从下拉列表 1 中选择 Toyota 将在下拉列表 2 中填充丰田的型号，例如卡罗拉、凯美瑞等。或者另一个例子——在一个下拉列表中选择一个国家将在另一个下拉列表中填充该国家的不同城市。

我使用 laravel 作为我的框架，所以重要的是我的解决方案 (a) 在 laravel 中工作并且 (b) 从 mysql 数据库中获取结果，而不仅仅是一个硬编码的值数组。

我已尝试从此处的帖子中实现解决方案:http://forums.laravel.io/viewtopic.php?pid=40028

但它在我的设置中不起作用。这是我的:

我的观点是这样的:

{{ Form::open() }}
    <select id="make" name="make">
        <option>Select Car Make</option>
        <option value="1">Toyota</option>
        <option value="2">Honda</option>
        <option value="3">Mercedes</option>
    </select>
    <br>
    <select id="model" name="model">
        <option>Please choose car make first</option>
    </select>
{{ Form::close();}}

然后我的 route.php 看起来像这样:

Route::get('api/dropdown', function(){
    $input = Input::get('option');
    $maker = Client::find($input);
    $models = $maker->projects();
    return Response::eloquent($models->get(array('id','name')));
});

最后，我的脚本如下所示:

jQuery(document).ready(function($){
$('#make').change(function(){
        $.get("{{ url('api/dropdown')}}", 
            { option: $(this).val() }, 
            function(data) {
                var model = $('#model');
                model.empty();

                $.each(data, function(index, element) {
                    model.append("<option value='"+ element.id +"'>" + element.name + "</option>");
                });
            });
    });
});

我目前在我的控制台中收到 javascript 错误:

Failed to load resource: the server responded with a status of 500 (Internal Server Error): http://localhost/test-project/api/dropdown?option=1
Failed to load resource: the server responded with a status of 500 (Internal Server Error): http://localhost/test-project/%7B%7B%20url('api/dropdown')%7D%7D?option=1

我相信我有 CSRF token ，这显然可能会影响事情 - 但我真的不确定如何使用它们所以只是告诉我修复它无济于事，我真的需要一点细节来说明如何解决这个问题(如果您认为这是问题所在)。

或者，也许修改或更好的解决方案会更好？我确信有很多更好的方法来实现此类解决方案。

总而言之，我的问题是:如何修复我上面的代码以使其正常工作，或者在另一个下拉列表中选择一个选项后填充下拉列表的替代或更好的方法是什么？

我已经倾注了数百种解决方案，但似乎没有一个适合我和我的 laravel 特性!

编辑:

完整的路线是这样的:

Route::resource('clients', 'ClientsController');

Route::resource('tasks', 'TasksController');

Route::controller('rates', 'RatesController');

Route::controller('projects', 'ProjectsController');

Route::controller('users', 'UserManagementController');

Route::controller('/', 'UsersController');

Route::get('api/dropdown', function(){
    $input = Input::get('option');
    $maker = Client::find($input);
    $models = $maker->projects();
    return Response::eloquent($models->get(array('id','name')));
});

最佳答案

在 Laravel 中定义路由的顺序是至关重要的。有时您会挠头并想知道为什么您会收到 HttpNotFoundException。考虑您的 routes.php 文件。

当你定义像 Route::controller('/', 'UsersController'); 这样的路由时，用简单的语言来说，它的贪婪路由将不允许在该路由下定义的路由执行，所以当你定义这种类型的路线确保它在最后

所以对你的路线做一些改变，比如

Route::get('api/dropdown', function(){
$input = Input::get('option');
$maker = Client::find($input);
$models = $maker->projects();
return Response::eloquent($models->get(array('id','name')));
});
Route::controller('/', 'UsersController');

关于php - 拉维/Javascript : populate a select/dropdown after a different select/dropdown is selected，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17921563/