Question

我正在使用Selectize.js来创建类似标签的体验，以便使用系统的当前用户将用户添加到工作中。

在我看来

在文档之后，我有一个带有 multiple 属性的选择框，该框用于填充系统上的用户。我还通过添加方括号来声明此输入是一个数组。

<select name="job_administrator[]" multiple id="selectize" class="form-control{{ $errors->has('job_administrator') ? ' is-invalid' : '' }}">
    <option value="">Select a user </option>
    @foreach($users as $user)
    <option value="{{ $user->id }}">{{ $user->full_name }} - {{ $user->access_level }}</option>
    @endforeach
</select>

然后，我初始化插件

$('#selectize').selectize({
    placeholder: 'Select user',
    plugins: ['remove_button'],
    delimiter: ',',
    persist: false,
})

在我的控制器中

/**
 * Handle adding job administrators to jobs
 *
 * @param Array $data
 * @return void
 */
public function addAdministrators(Array $data, int $id)
{
    $vacancy = JobPost::where('id', $id)->first();

    if(!empty($data['job_administrator'])){
        $jobAdmins = $data['job_administrator'];

        // Grab the IDs for the tags in the array
        $admins = Admin::whereIn('id', $jobAdmins)->get()->pluck('id');

        $vacancy->administrators()->sync($admins);
    } else {
        // If there were no tags, remove them from this model instance
        $vacancy->administrators()->sync(array());
    }

}

我的问题是：在使用Selectize时，是否可以在编辑屏幕上预填充所选项目？

Answer 1

是的，只需将选定的属性添加到选项中即可。您可以执行以下操作。

<option value="{{ $user->id }}" {{$selected->contains($user->id) ? 'selected' : ''}}>{{ $user->full_name }} - {{ $user->access_level }}</option>

然后，所选的$是ID的集合。

检索Selectize.js的值

1 个答案: