JQuery - Eventos.

let province = document.getElementById('address-province_id'); // donde province_id es el input con el Select2

console.log(province); // esto me devuelve todo el nodo html

province.addEventListener('change', function(e) // no hace nada, no captura el evento

{

    console.log('Hola Mundo');

});

// Get provinces via ajax

$urlProv = Url::to(['province/list-provinces']);

// Get initial value

$province = empty($model->province_id) ? '' : Province::findOne(['id' => $model->province_id])->name;

echo $form->field($model, 'province_id')->widget(Select2::class, [

    'initValueText' => $province, // setear el texto inicial a mostrar

    'options' => ['placeholder' => '-- seleccione --', 'class' => 'my-province'],

    'theme' => Select2::THEME_BOOTSTRAP,

    'pluginOptions' => [

        'allowClear' => true,

        'minimumInputLength' => 3,

        'language' => [

            'errorLoading' => new JsExpression("function () { return 'No se pudieron cargar los resultados...'; }"),

            'inputTooShort' => new JsExpression("function () { return 'Por favor ingrese 3 o más caractéres'; }"),

            'searching' => new JsExpression("function () { return 'Buscando...'; }"),

        ],

        'ajax' => [

            'url' => $urlProv,

            'dataType' => 'json',

            'data' => new JsExpression('function(params) { return {q:params.term}; }'),

        ],

        'escapeMarkup' => new JsExpression('function (markup) { return markup; }'),

        'templateResult' => new JsExpression('function (name) { return name.text; }'),

        'templateSelection' => new JsExpression('function (name) { return name.text; }'),

    ],

]);

?>