如何解决Laravel Ajax下拉？

Route::get('/get-options', 'DropdownController@getOptions');

use App\Models\Option;

public function getOptions()
{
    $options = Option::all();
    return response()->json($options);
}

<select id="dropdown">
    <option value="">请选择</option>
</select>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#dropdown').change(function() {
            var selectedValue = $(this).val();
            $.ajax({
                url: '/get-options',
                type: 'GET',
                dataType: 'json',
                success: function(response) {
                    // 清空下拉框选项
                    $('#dropdown').html('<option value="">请选择</option>');
                    
                    // 添加新的选项
                    $.each(response, function(index, option) {
                        $('#dropdown').append('<option value="' + option.id + '">' + option.name + '</option>');
                    });
                }
            });
        });
    });
</script>