Autocomplete: как добавить атрибут data к тегам li в выдаче?

Question

[sergeev_ev]

Доброго времени суток.
Собственно вопрос в заголовке.
Я хочу добавить атрибут data-value="region-value" к тегу li,
чтобы потом получить значение региона и открыть его на яндекс картах.:
Я пытался сделать немного по другомк но не получается:

var options = $('#regionsList option');
var array_option_v2 = new Array();                    
jQuery.each(options, function(index, value) {
  var option_value = jQuery(value).val();
  var option_name = jQuery(value).text();
  array_option_v2.push('<span data-option-value="' + option_value + '">' + option_name + '</span');
})
$("#input-region-name").autocomplete({
  source: array_option_v2 ,
  minLength: 2
});

Answer 1

[igorsmi]

Может быть так

var options = $('#regionsList option');
var array_option_v2 = new Array();                    
jQuery.each(options, function(index, value) {
var span = document.createElement('span');
  jQuery(span).data('option-value',jQuery(value).val());
  jQuery(span).html(jQuery(value).text())
  array_option_v2.push(span);
})
$("#input-region-name").autocomplete({
  source: array_option_v2 ,
  minLength: 2
});

Comments

[sergeev_ev]

Вот так jquery autocomplete возвращает из массива полученный результат:


<span data-option-value="ss">Самарская область</span



<span data-option-value="sr">Саратовская область</span


Он символы "<" и ">" меняет на < и >

А вот как это выглядит в браузере:


Вот как добиться чтобы autocomplite не подменял символ <> ?

[sergeev_ev]

Тостер не вставляет символы "<"

[sergeev_ev]

[igorsmi]

sergeev_ev,
Вам вообще не нужен span

var options = $('#regionsList option');
var array_option_v2 = new Array();                    
jQuery.each(options, function(index, value) {
 var el = {label:jQuery(value).text(),value:jQuery(value).val()}
  
  array_option_v2.push(el);
})
$("#input-region-name").autocomplete({
  source: array_option_v2 ,
  minLength: 2,
  select: function(event, el)
  {
  console.log(el.label);
  console.log(el.value);
  }
});

[igorsmi]

В autocomplete будет выводиться значение label, а при выборе, т.е. при срабатывании функции select вы можете обратиться к любому свойству элемента

[sergeev_ev]

igorsmi, спасибо, это то что нужно.

[sergeev_ev]

igorsmi, только доступ к свойствам вот такой:
console.log(el.item.label);
console.log(el.item.value);