Question

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

以下是代码：

$('#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);
                }
            });
        }
    });

但是，我遇到了问题。

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

    @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

谢谢。抱歉英文不好

Answer 1

您可以通过以下方法将options添加到现有selectize：

$(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中？

1 个答案: