Select

Parâmetros que você pode passar

Parâmetro	Tipo de Dado	Descrição
name	string	Nome do input que será no formulário
id	int	ID do campo de entrada oculto (armazena o valor)
items	array of obj	Array de valores selecionados
selected	int	ID do valor selecionado do array `items`
class_name	string	Classe de contêiner (se várias classes forem passadas, separe-as por espaço)
button_class_name	string	Classe do botão que abre o Seleção
input_special_class	string	Classe do Input
selected_before	string	Texto em exibição antes do valor
disabled	bool	Mostra se está desabilitado

Parâmetros dos items

Parâmetro	Data type	Description
id	int	Valor do ID, será colado no input escondido quando selecionado pelo usuário
option	string	Valor (texto)
class_name	string	Classe personalizada do elemento Seleção
bg_color	string	Código HEX para a cor de fundo do elemento ( e.g., usado para estágios do lead)

Para rastrear mudanças no valor do seletor, você precisa ouvir o evento personalizado controls:change.

$('.my-select-wrapper').on('controls:change', 'input', function (e) {
  var $input = $(e.currentTarget);

  console.log('Valor do input', $input.val());
});

Selecionado

self.render({ ref: '/tmpl/controls/select.twig' }, {
    name: 'animal',
    items: [
      { id: 1, option: 'Gato' },
      { id: 2, option: 'Cachorro' },
    ],
  selected: 1
  });

Texto antes do valor


  self.render({ ref: '/tmpl/controls/select.twig' }, {
    name: 'animal',
    items: [
      { id: 1, option: 'Gato' },
      { id: 2, option: 'Cachorro' },
    ],
    selected_before: 'Animal favorito: ',
    selected: 2
  });