Jquery 选择如何通过id设置行颜色

Question

可以在 jquery selectize 插件中为每个值设置不同的行颜色？

如果 ID = 1，我想将行颜色设置为绿色；如果 ID = 0，则设置为红色

我选择的领域：

var $select = $('#create_site').selectize({
    preload: true,
    maxItems: 1,
    valueField: 'id',
    labelField: 'title',
    searchField: 'title',
    options: [],
    render: {
        option: function (item, escape) {
            return '<div>' + escape(item.title) + '</div>';
        }
    },
    load: function (query, callback) {
        $.ajax({
            type: "GET",
            url: 'http://' + $(location).attr('hostname') + '/api/site',
            dataType: 'json',
            async: false,
            success: function (res) {
                callback(res);
                var $select = $("#selectedsite_create").selectize();
                $select[0].selectize.setValue('11');
                console.log('Success API Sites');
            },
            error: function () {
                callback();
                console.log('Error API Sites');
            }
        });
    },
    onChange: function(value) {
        if (!value.length) return;
        console.log(value);
    },
    create: false
});

Answer 1

太简单了:) 在渲染中...

render: {
        option: function (item, escape) {
            if(item.Online == 1){
                return '<div style="background-color: #c6c6c6">' + escape(item.title) + '</div>';
            }else{
                return '<div>' + escape(item.title) + '</div>';
            }
        }
    }

Jquery 选择如何通过id设置行颜色

Jquery selectize how to set row color by id

javascript

jquery

selectize.js