使用多选 jquery 插件从 Laravel 中的多选中获取选定的值

Question

我正在使用wenzhixin/multiple-select，因为它具有全选选项。我正在尝试勾选创建帖子时选择的选定项目。

这是我所做的，但它不起作用。

{{ Form::label('tags', 'Tags:') }}
<select name="tags[]" multiple="multiple" id="tags">
    @foreach($tags as $tag)
        <option value="{{$tag->id}}">{{$tag->name}}</option>
    @endforeach
</select>

---

<script>
    $("#tags").multipleSelect({
        placeholder: "Tags please"
    });
    $('#tags').multipleSelect().val({!!json_encode($post->tags()->getRelatedIds() )!!}).trigger('change');
</script>

如果有人可以帮助我，我会很感激。

Answer 1

归根结底，它只是一个 HTML 选择元素。给定 tags[] 的名称，这将在表单中提交，并且可以通过控制器作为 $request->get('tags') 访问，或者如果使用帮助程序，则 request()->get('tags');

此外，您可以通过这种方式将所选项目传递到下一页：

public function myFunctionToHandleTheForm()
{
    $tags = App\Tag::all(); //for example, no idea what you use
    $selectedTags = request()->get('tags');

    return view('my.view', compact('selectedTags', 'tags');
}

现在，$tags 将是一个按数字排序（升序）的数组，其中包含从您的表单提交的 ID's。您可以像这样设置检查的默认值：

{{ Form::label('tags', 'Tags:') }}
<select name="tags[]" multiple="multiple" id="tags">
    @foreach($tags as $tag)
        <option value="{{$tag->id}}" {{ in_array($tag->id, $selectedTags) ? 'selected="selected"' : null }}>{{$tag->name}}</option>
    @endforeach
</select>

在上面，我们正在检查标签 id 是否在 selected tag id's 的列表中，如果是，我们正在设置 selected 属性。您的插件会理解并正确翻译。