Select

Parámetros que puedes pasar

Parámetro	Tipo de dato	Descripción
name	string	Nombre del campo que se usará en el formulario.
id	int	ID del campo oculto (almacena el valor).
items	array of obj	Arreglo de valores seleccionados.
selected	int	ID del valor seleccionado del arreglo`items`.
class_name	string	Clase del contenedor (si se pasan varias clases, divídelas con Space).
button_class_name	string	Clase del botón que abre select.
input_special_class	string	Clase del campo.
selected_before	string	Texto que aparece antes del valor.
disabled	bool	Muestra si está deshabilitado.

Parámetros de items

Parámetro	Tipo de dato	Descripción
id	int	Valor del ID, se pegará en el campo oculto cuando el usuario lo seleccione.
option	string	Valor (texto)
class_name	string	Clase personalizada del elemento Select
bg_color	string	Código HEX para el color de fondo del elemento (por ej.: utilizado para las etapas de clientes potenciales.).

Para monitorear los cambios en el valor del selector, necesitas observar el evento personalizadocontrols:change.

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

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

Seleccionado

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

Texto antes del valor


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