如何在文件准备好后自动将项目添加到选择js中？

问题描述

我已经选择了js代码。它运行良好并在我在选择框上键入键后显示正确的选项。

I have selectize js code. It runs well and shows right option after i type key on select box.

以下是代码：

$('#select-links').selectize({
        maxItems: diffItems,
        valueField: 'nick_name',
        labelField: 'full_name',
        searchField: ['nick_name', 'full_name'],
        options: [],
        create: false,
        render: {
            item: function(item, escape) {
                return '<div id="' + escape(item.id) + '">' +
                    '<span class="nick_name">' + escape(item.full_name) + '</span>' +
                    '<span class="full_name"> &lt;' + escape(item.nick_name) + '&gt;</span>' +
                '</div>';
            },
            option: function(item, escape) {
                return '<div class="box-user clearfix">' +
                      '<div class="thumb col-xs-1 mr10">' +
                          '<img class="lazyload" src="'+escape(item.avatar)+'" data-src="' + escape(item.avatar)+'">' +
                      '</div>' +
                      '<div class="col-xs-8">' +
                          '<span class="label" style="color: #000;">' + escape(item.full_name) + '</span>' +
                          '<span class="caption">/' + escape(item.nick_name) + '</span>' +
                      '</div>' +
                '</div>';
            }
        },
        load: function(query, callback) {
            if (!query.length) return callback();
            $.ajax({
                url: '/ajax/origin/search',
                type: 'GET',
                dataType: 'json',
                data: {
                    q: query
                },
                error: function() {
                    callback();
                },
                success: function(res) {
                    callback(res);
                }
            });
        }
    });

但是，我遇到了问题。

文档准备好后，我希望在文档/页面已经加载后自动选择添加项目而不必在选择框中键入键。代码怎么样？

After document ready, i want selectize add item automatically after document / page has already loaded without i have to type the key on select box. How is the code?

    @if(isset($_POST['nick']))
        $(".chat__list--active").show();
        $(".edit").hide();
        $('.chat__list').hide();
        $('#cancel-participants').show();
        if(diffItems != 49) {
            $('#save-participants').show();
        }
        alert("{{$_POST['nick']}}");

        // This is the code's place to add item automatically and the key is $_POST['nick']
    @endif

谢谢。
对不起英文不好

Thank you.Sorry for bad english

推荐答案

你可以添加选项通过以下方法到现有的选择：

You can add options to existing selectize by following approach:

$(document).ready(function(){
    var selectize_element = $("#select-links")[0].selectize;
     selectize_element.addOption({
        text:'First Item',
        value: 'First Item'
    });
    selectize_element.refreshOptions() ;
    selectize_element.addItem('First Item');
});

这篇关于如何在文件准备好后自动将项目添加到选择js中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！