是否可以在 HTML 选择标签中添加表单作为选项？

Question

我正在开发一个带有 Laravel 的 Todo 应用程序，其中用户显然可以添加任务并指定它的类别 em>。

我希望用户能够添加他选择的类别，所以当他点击类别列表时，最后一个选项将是“添加新类别'并且它必须是一个表单，这样我就可以将该类别添加到他的类别列表中（每个用户都有自己的类别列表）。

我试过这个：

<form action="/tasks" method="POST">
            @csrf
            <input name="name" type=text" class="form-control" id="name">
            @if ($errors->has('name'))
            <div class="alert alert-danger mt-2">{{$errors->first('name')}}</div>
            @endif
            <h5 class="card-title mt-3">Category</h5>
            <select name="category" class="form-control mt-3" id="category">
                @foreach($categories as $category)
                <option value="{{$category->id}}" @if ($loop->first) selected="selected" @endif>{{$category->name}}
                </option>
                @endforeach
                <option>
                    <form action="/category" method="POST">
                        @csrf
                        <input type="text" placeholder="Add Categorie">
                    </form>
                </option>
            </select>
            @if ($errors->has('category'))
            <div class="alert alert-danger mt-2">{{$errors->first('category')}}</div>
            @endif
            <button type="submit" class="btn btn-outline-dark mt-3">
                <i class="fa fa-plus"></i> Add Task
            </button>
        </form>

我不认为它会起作用，但我只是尝试了一下，我得到了这个结果：

Answer 1

是的，您可以使用 ajax。添加一个带有类别输入字段的按钮并使用 ajax 存储类别。