una/studio/template/agents_agents_alerts_select.html

<div id="bx-agents-agents-alert-cont" style="overflow:visible;">
<select id="bx-agents-agents-alert" name="alert" class="bx-def-font-inputs bx-form-input-select">
    <bx_repeat:alerts>
        <option value="__value__" <bx_if:sel>__sel__</bx_if:sel> data-desc="__desc__" data-count="__count__" data-count_per_req="__count_per_req__">__name__</option>
    </bx_repeat:alerts>
</select>
</div>
<script>
    function formatItem(state) {
        if (!state.id) 
            return state.text;
        const desc = $(state.element).data('desc');
        const count = $(state.element).data('count');
        const count_per_req = $(state.element).data('count_per_req');
        const stats = parseInt(count) !== 0 ? `${count}<br />${count_per_req}` : '__sys_stat_not_available__';
        return $(`
        <div class="bx-alert-wrap">
            <div>
                <div class="bx-alert-text">${state.text}</div>
                <div class="bx-alert-desc">${desc || ''}</div>
            </div>
            <div class="bx-alert-counter">
                ${stats}
            </div>
        </div>
        `);
    }
    $('#bx-agents-agents-alert').select2({
        templateResult: formatItem,
        templateSelection: d => d.text,
    });

    $('#bx-agents-agents-alert').on('change', function () {
        const value = $(this).val();
        const sUrl = sUrlRoot + "grid.php?o=__grid_object__&a=get_alert&csrf_token=" + window.glGrids.__grid_object__._sCsrfToken;
        $.post(sUrl, {alert: value}, function(oResult) {
            if (typeof(oResult.code) !== 'undefined' && oResult.code == 200) {
                $('#bx-agents-agents-alert-payload .payload-on i').html(oResult.desc);
                $('#bx-agents-agents-alert-payload .payload-on pre').html(JSON.stringify(oResult.payload, null, 4));
                $('#bx-agents-agents-alert-payload .payload-on').show();
                $('#bx-agents-agents-alert-payload .payload-off').hide();
            } else {
                $('#bx-agents-agents-alert-payload .payload-on').hide();
                $('#bx-agents-agents-alert-payload .payload-off').show();
            }
        }, 'json');
    });


</script>