动态刷新下拉选项

时间:2016-06-29 11:59:05

标签: ajax database laravel

我必须在一个表格上工作,我必须在两个领域,城市和教育机构下拉。当用户选择一个城市时,教育机构中的选项会得到更新,即该城市的机构出现。我在后端工作Laravel。我知道事情是如何运作的,但我需要深入了解。请指导。

1 个答案:

答案 0 :(得分:0)

实现功能时我通常会做的事情如下所示:

<强> 1 即可。创建HTML输入字段

<select class="action-select-city"></select>

<select class="select-education"></select>

<强> 2 即可。创建jQuery更改事件

$('.action-select-city').change(function (e) {

    var val = $(this).val();

    $education = $('.select-education');

    $.ajax({
        // Your settings etc
        success: function (data)
        {
            // Clear existing options
            $education.html('');

            // Loop data and insert new options
            for(var i = 0; i < data.length; i++)
            {
                $education.append('<option ... option>');
            }
        }
    });

});

第3 即可。创建路线

Route::post('/something', 'SomeController@someMethod')

<强> 4 即可。创建控制器和方法

class SomeController extends Controller
{

    public function someMethod(Request $request)
    {

        // Always good to validate
        $this->validate($request, ['some rules']);

        // Get all educations in city
        $educations = .....

        return response()->json($educations);

    }

}

这个解决方案显然没有经过测试,某些事情的命名可能更好。我希望这个答案有用:)