Возможно, так: findBlock('select').getVal() и так:

modules.require(['jquery'], function($){

$.post("ajax/test.html", function(data) {
  console.log(data); // result
});

});

@zxqfox, спасибо. Это ястно, но вот к примеру select он состоит из div-ов, и POST отправить надо после выбора. событие checked, не применим. click, mouseup и т.п. тоже, т.к. смена значения происходит не мгновенно и передается старое показание, а не выбранное. Да и я пробовал примерно так:

'inited' : function() {
   var _menu = this.findBlockInside('menu');
   _menu.bindTo('mouseup', function() {
       console.log(this.getVal());
   }
}

т.к. почему-то

live: function() {
   this.liveInitOnBlockInsideEvent('mouseup', 'select', function(e, data){
      ...
   });  
}

ни в какую не реагирует.

@Bumerang47 изменения в селекте нужно ловить на БЭМ-событии change:

select.on('change', doSomething);

Спасибо, так сработало:

'inited' : function() {                     
    var _menu = this.findBlockInside('select');
    _menu.on('change', function() {    
           $.post("window.location.href",{'select_id' : this.getVal()}, function(data) {
                   console.log(data); 
           });                                              
    });
}

На сервере node и через файл index/index.html работает отлично, скопировал на apache, повляется ошибка: "TypeError: this.bindToDoc(...).bindToDoc(...)._button is undefined". Так понимаю это из-за .on Почему где-то может работать, а в другм нет? =\

судя по тексту ошибки, она не относится к приведенному куску кода. в приведенном вижу только то, что window.location.href не должно быть в кавычках.

И правда >_< Был введен в заблуждение, тем что ошибка вызывалась по клику данного блока. Избавился перекопировав весь layout. Кавычки нечаянно тут уже добавил, форматируя пост. Все работает везде :)

Не могу получить data-bem такого атрибута: data-bem="{menu-item:{val:1}}"

console.log($(this).data('bem'));

возвращает:

Object { menu-item: Object }

Второй объект содержит val: До него добраться ни как не могу. И .data('bem','menu-item') и .data('bem','menu-item').val() и как только не пробовал. Как это правильно получить? =\

console.log($(this).data('bem')['menu-item'].val);

не?

вообще, есть свойство this.params у инстансов i-bem, туда попадают такие параметры.

@apsavin, не: TypeError: n(...).data(...)['menu-item'] is undefined

Я так понимаю this.params это только для bem объектов. Можно было бы попробовать $(this).bem('name').parse, но пишут $(this).bem() делать плохо.

Если

$(this).data('bem')

возвращает

Object { menu-item: Object }

то

$(this).data('bem')['menu-item']

не может быть undefined.

Проверьте еще раз свой код. https://www.dropbox.com/s/sc7bo49mzemwz8e/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202015-04-30%2011.42.13.png?dl=0

@apsavin, простите ваша правда. Получилось

Продолжение вопроса связанного с использованием bem-conponents - select, за пределами node-js.

Так, изначально, у меня формируется select. С произвольным параметром по умолчанию:

...
name : 'select1',
val : 2,
options : [
    { val : 1, text : 'Краснодар' },                                   
    { val : 2, text : 'Сочи' },
    { val : 3, text : 'Ростов-на-Дону' }
],
...

Получившийся блок, я помещаю в существующий проект на PHP и передаю переменную города в значение input:

<input class="select__control" type="hidden" name="select1" value=<?php echo $_city; ?> />

Несмотря, на значение input (естественно), в popup-е, menu-item модификатор выбранного элемента установлен на 2-м элементе, как на с генерированном документе:

<div style="min-width: 90px;" class="menu menu_size_l menu_theme_islands menu_mode_radio menu__control select__menu i-bem menu_js_inited" data-bem="{&quot;menu&quot;:{}}" role="menu">
   <div class="menu-item menu-item_theme_islands i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">Краснодар</div>
   <div class="menu-item menu-item_theme_islands i-bem menu-item_checked" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">Сочи</div>
   <div class="menu-item menu-item_theme_islands i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:3}}" role="menuitem">Ростов-на-Дону</div>
</div>

После чего я с вашей помощью, нагородил следующее:

'inited' : function() { 
     var _menu = this.findBlockInside('select');
     var _inputVal = $('.city').find('.select').children('input').val();    
     console.log('Select Input = '+ _inputVal); 

     $( ".menu-item" ).each(function() {
        var _itemVal = $(this).data('bem')['menu-item'].val;    
        var _itemText = $(this).data('bem','menu-item').text();     

        console.log(_itemVal +  ' :  '  + _itemText);

        if (_itemVal == _inputVal)
        {
        $(this).addClass("menu-item_checked");
        console.log(_itemText + ' : '+ true);                                
        }
        else
        {
        $(this).removeClass("menu-item_checked");
        }
   }); 

   _menu.on('change', function() {                                      
   $.ajax({    
      type: "POST",
      url: window.location.href,
      data: {'page_city_id' : this.getVal()},
      success: function(){
         window.location.reload();
      }
   });
});

В итоге, после выбора select-a класс модификатора checked в menu-item меняется на нужном элементе.

__Лог в браузере:__
"Select Input = 1" 
"1 :  Краснодар"
"Краснодар : true"
"2 :  Сочи"
"3 :  Ростов-на-Дону"

<div style="min-width: 90px;" class="menu menu_size_l menu_theme_islands menu_mode_radio menu__control select__menu i-bem menu_js_inited" data-bem="{&quot;menu&quot;:{}}" role="menu">
     <div class="menu-item menu-item_theme_islands i-bem menu-item_checked" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:1}}" role="menuitem">Краснодар</div>
     <div class="menu-item menu-item_theme_islands i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:2}}" role="menuitem">Сочи</div>
     <div class="menu-item menu-item_theme_islands i-bem" data-bem="{&quot;menu-item&quot;:{&quot;val&quot;:3}}" role="menuitem">Ростов-на-Дону</div>
</div>

Но визуально, кнопка селекта не меняет свое значения:

<button class="button button_size_l button_theme_islands button__control select__button i-bem button_js_inited _popup-destructor_js_inited" data-bem="{&quot;button&quot;:{}}" role="button" type="button">
    <span class="button__text">Сочи</span>
    <i class="icon select__tick" aria-hidden="true"></i>
</button>

Посоветуйте что ни будь пожалуйста?

@Bumerang47 нужно перестать использовать jQuery напрямую для общения с БЭМ-блоками. У них есть свое API для этого: https://ru.bem.info/libs/bem-components/v2.1.1/desktop/select/jsdoc/

Океей. Подсознательно я это понимал. @tadatuda, как бы Вы мне посоветовали поступить при использовании bem-components, в php проекте, без jQuery на прямую. Начиная с динамического выбора select-а из базы?

@Bumerang47 если речь идет о генерации блоков на сервере, то я рекомендую посмотреть в сторону использования bh-php. Если будут какие-то вопросы, думаю, автор — @zxqfox — сможет ответить.

Для генерации блоков на клиенте и вставки их в DOM следует пользоваться методами i-bem.js:

modules.define('my-block', ['i-bem__dom', 'BEMHTML', 'jquery'], function(BEMDOM, BEMHTML, $) {

provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function() {
                // получаем данные из базы через AJAX-запрос
                $.get('/get-data-from-db/', function(data) {
                    // добавляем селект в текущий блок
                    BEMDOM.append(this.domElem, BEMHTML.apply({
                        block: 'select',
                        mods: { mode: 'radio', theme: 'islands', size: 'm' },
                        name: 'select2',
                        val: 2,
                        // строим опшены селекта на основе полученных данных 
                        options : data.map(function(option) {
                            return {
                                val: option.val,
                                text: option.title
                            };
                        })
                    }));
                });
            }
        }
    }
}));

});

Для реакции на изменение селекта потребуется что-то вроде

modules.define('my-block', ['i-bem__dom'], function(BEMDOM) {

provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function() {
                // подписываемся на изменение селекта в элементе my-block__lang
                BEMDOM.blocks.select.on(this.elem('lang'), 'change', function(e) {
                    console.log(e.target.getVal()); // получаем новое значение
                });
            }
        }
    }
}));

});

PS: приведенный код не проверял, так что возможны опечатки.