Multi Select

Componente select com múltiplas opções selecionáveis.

✅ Requisitos

Adiciona a classe multi-select ao elemento <select>.

📦 Includes necessários (em modais)

<link rel="stylesheet" type="text/css" href="<?=$file_path?>/functions/multiselect_jquery/multi_select.css?v=1&ts=<?=date("Y-m-d")?>">
<script src="<?=$file_path?>/functions/multiselect_jquery/jquery.multi-select.js?v=1&ts=<?=date("Y-m-d")?>"></script>
<script src="<?=$file_path?>/functions/multiselect_jquery/jquery.multi-select.min.js?v=1&ts=<?=date("Y-m-d")?>"></script>
<script type="text/javascript" src="/optitravel/includes/js/widgets_by_class.js"></script>

🔹 Exemplo simples

<select name="teste[]" class="multi-select" multiple>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

🎨 Personalizações

Desativar opção "Selecionar todos"

<select class="multi-select" enable_total="false" multiple>

Definir classe personalizada para a checkbox "Todos"

<select class="multi-select" total_option_class="teste" multiple>

Definir valor personalizado para a checkbox "Todos"

<select class="multi-select" total_option_value="valor" multiple>

🧩 Exemplo real completo

<select name="store_assoc[<?=$key?>]" class="select-filtro multi-select"
    enable_total="true"
    total_option_class="costume_id"
    total_option_value="0"
    multiple>
    <?php foreach($stores as $key => $val_stores) { ?>
        <?php if(!$val_stores['id'] == 0) { ?>
            <option value="<?= $val_stores['id'] ?>" <?= (in_array($val_stores['id'], $store_assoc) ? "selected" : "") ?>>
                <?= $val_stores['store_name']; ?>
            </option>
        <?php } ?>
    <?php } ?>
</select>

↑ (Última atualização: 04/06/2025)