Я использую блестящую библиотеку selectize.js для создания привлекательного блока выбора с группами опций. Это все работает, но я застрял в точке, что я не могу использовать пользовательский рендерер на странице примеров (контакты электронной почты) http://brianreavis.github.io/selectize.js/, потому что "элемент" не знает атрибута "email". Я знаю, как это сделать в javascript, но как я могу определить два атрибута в static html?
В js это будет
$('#id').selectize({
...
options: [
{ name: "Martin", email: "[email protected]" }
],
....
}
Я попробовал следующее:
<select>
<option value="Martin|[email protected]" data-name="Martin" data-email="[email protected]">
Martin
</option>
</select>
Но это не работает... Наконец, функция рендеринга взята из примеров:
render: {
item: function(item, escape) {
return '<div>' +
(item.name ? '<span class="name">' + escape(item.name) + '</span>' : '') +
(item.email ? '<span class="email">' + escape(item.email) + '</span>' : '') +
'</div>';
},
option: function(item, escape) {
var label = item.name || item.email;
var caption = item.name ? item.email : null;
return '<div>' +
'<span class="label">' + escape(label) + '</span>' +
(caption ? '<span class="caption">' + escape(caption) + '</span>' : '') +
'</div>';
}
}
Я был бы благодарен за любые подсказки!
С уважением, Мартин