如何使用laravel和axios jquery创建选择选项字段

Route::get('/options', 'OptionController@index');

php artisan make:controller OptionController

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class OptionController extends Controller
{
    public function index()
    {
        $options = [
            'option1' => 'Option 1',
            'option2' => 'Option 2',
            'option3' => 'Option 3',
        ];

        return response()->json($options);
    }
}

<select id="optionsSelect"></select>

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        axios.get('/options')
            .then(function(response) {
                var options = response.data;

                $.each(options, function(key, value) {
                    $('#optionsSelect').append($('<option></option>').val(key).html(value));
                });
            })
            .catch(function(error) {
                console.log(error);
            });
    });
</script>