reactcrm/app/views/organizations/update.php

<?php

use yii\helpers\Html;
use yii\bootstrap4\ActiveForm;
use yii\web\JsExpression;
use kartik\select2\Select2;

/* @var $this yii\web\View */
/* @var $model app\models\Organizations */
/* @var $banks app\models\Banks */

$this->title = 'Update: ' . $model->name;
$this->params['breadcrumbs'][] = ['label' => 'Organizations', 'url' => ['index']];
$this->params['breadcrumbs'][] = ['label' => $model->name, 'url' => ['view', 'id' => $model->id]];
$this->params['breadcrumbs'][] = 'Update';

$format = <<< SCRIPT
function format(state) {
    return state.text.replace(/<br>/gi, " | "); 
}
SCRIPT;
$this->registerJs($format, \yii\web\View::POS_HEAD);

?>

<div class="organizations-update">

    <div class="card">
        <div class="card-body">
            <?php $form = ActiveForm::begin(); ?>
            <div class="row">
                <div class="col-md-4"><?= $form->field($model, 'short_name')->textInput(['maxlength' => true]) ?></div>
                <div class="col-md-4"><?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?></div>
                <div class="col-md-4"><?= $form->field($model, 'edrpou')->textInput() ?></div>

                <div class="col-md-4">
                    <?= $form->field($model, 'vat')->dropDownList([
                        '1' => 'Без НДС',
                        '2' => '0%',
                        '3'=>'20%'
                    ]); ?>
                </div>
                <div class="col-md-4">
                    <?php
                    echo $form->field($model, 'bank_id')->widget(Select2::class, [
                        'data' => $banks,//['1' => 'Some Bank Name'],
                        'options' => ['placeholder' => 'Select a state ...'],
                        'pluginOptions' => [
                            'allowClear' => true,
                            'templateSelection' => new JsExpression('format'),
                            'escapeMarkup' => new JsExpression('function (markup) { return markup; }'),
                            //'templateSelection' => new JsExpression('function (markup) { console.log(markup); return markup; }'),
                        ],
                        'pluginEvents' => [
                              "select2:select" => "function(e) {
                                document.getElementById('bankCol').innerHTML = e.params.data.text;
                              }",
                              "select2:unselect" => "function() { document.getElementById('bankCol').innerHTML = ''; }"
                        ],
                    ]);
                    ?>
                    <?/*= $form->field($model, 'bank_id')->textInput() */?>
                </div>
                <div class="col-md-4 align-self-center">
                    <div class="form-group">
                        <label></label>
                        <div id="bankCol" class=""></div>
                    </div>
                </div>

                <div class="col-md-4"><?= $form->field($model, 'address_1')->textInput(['maxlength' => true]) ?></div>
                <div class="col-md-4"><?= $form->field($model, 'address_2')->textInput(['maxlength' => true]) ?></div>
                <div class="col-md-4"><?= $form->field($model, 'address_3')->textInput(['maxlength' => true]) ?></div>
            </div>

            <?= $form->field($model, 'comment')->textarea(['rows' => 6]) ?>





            <div class="form-group">
                <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>
            </div>

            <?php ActiveForm::end(); ?>
        </div>
        <!-- /.card-body -->
    </div>



</div>