Евгений Бунин

PHP, Kohana, Joomla, MySQL, MongoDB, Facebook API

  • Increase font size
  • Default font size
  • Decrease font size

Mootools 1.11 select element: создание выпадающего списка

Задача: Создать выпадающий список Select элемент.

Материалы: документация Mootools 1.11.

Проблема кроссплатформенности Яваскрипт кода - не бессмертна.
На одной задаче, она, и меня не обошла стороной. Я построил список позиций option посредством setHTML функции, а в качестве параметра, передал готовый HTML код. В результате, IE выдал пустой список.

Правильное решение лежит в создании элемента option внутри элемента select.
Кроссплатформенный код выглядет следующим образом:

// построить выпадающий список
data.each(function(data) {
 
  var select = $('cityid');
  var option = new Element('option');
 
  option.injectInside(select);
  option.setProperty('value', data.cityid);
  option.setText(data.cityname);
});