Как повесить события на select bem?

Здравствуйте, Не давно использую бэм и мне нужно повесить обработчик события на select а именно на change, раньше я делал так $('select').change(func); А как это сделать в бэм?

<div class="select select_mode_radio-check select_theme_islands select_size_m i-bem controls__minus_set"
         data-bem='{"select":{"name":"select3","text":"—"}}'>
        <input class="select__control" type="hidden" name="select3" value="2"/>
        <button class="button button_size_m button_theme_islands button_checked button__control select__button i-bem"
                data-bem='{"button":{}}' role="listbox" type="button"
                aria-owns="uniq14798227051701 uniq14798227051701 uniq14798227051701"
                aria-labelledby="uniq14798227051702">
            <span class="button__text" id="uniq14798227051702">Новый</span>
            <span class="icon select__tick"></span>
        </button>
        <div class="popup popup_target_anchor popup_theme_islands popup_autoclosable i-bem"
             data-bem='{"popup":{"directions":["bottom-left","bottom-right","top-left","top-right"]}}'
             aria-hidden="true">
            <div class="menu menu_size_m menu_theme_islands menu_mode_radio-check menu__control select__menu i-bem"
                 data-bem='{"menu":{}}'>
                <div class="menu-item menu-item_theme_islands menu-item_checked i-bem" data-bem='{"menu-item":{"val":1}}' role="option"
                     id="1" aria-checked="true">Новый
                </div>
                <div class="menu-item menu-item_theme_islands i-bem" data-bem='{"menu-item":{"val":2}}' role="option"
                     id="2" aria-checked="false">Группа2
                </div>
                <div class="menu-item menu-item_theme_islands i-bem" data-bem='{"menu-item":{"val":3}}' role="option"
                     id="3" aria-checked="false">Группа3
                </div>
            </div>
        </div>
    </div>