Программно сделать выбранным элемент Jquery UI Combobox autocomplete?

Question

[jeston]

Подскажите, пожалуйста, эксперты по JQuery, потому как парюсь уже третий день в бесплодных попытках:

1. использую на странице два элемента JQueryUI Autocomplete combobox отсюда jqueryui.com/demos/autocomplete/#combobox

2. после выбора элемента в первом combobox выполняется ajax-запрос, данные благополучно приходят и я заполняю ими второй combobox так:



$.each(obtainedData,function(i,item){

options += "" + item + "";

});

$("#combobox option").remove(); // удалил старый список, который там может быть

$("#combobox").append(options).combobox();



3. и хочу программно выбрать первый элемент вновь сформированного так списка.

Ничего!!! Ноль реакции на такой код:



$("#combobox :first").attr(«selected», «selected»);



ни на различные вариации его, хотя для обычного HTML select это работает на ура.

Answer 1

[Nodge]

При создании combobox() создается input для ввода и отображения значения. Попробуйте так:

var first = $("#combobox :first");
first.attr("selected", "selected");
$("input").val(first.val());

Только замените селектор «input» на необходимый для вашего кода.

Comments

[jeston]

Не очень понял
>>> Только замените селектор «input» на необходимый для вашего кода.
То есть

   $("#combobox option:first").val(first.val());      ?
  

[Nodge]

То есть что-то вроде этого:

var first = $("#combobox :last");
first.attr("selected", "selected");
first.parent().next('input').val(first.val());

[jeston]

Обалдеть!!! Работает! Спасибо большое )))

[pxx]

Код, хоть и рабочий, но плох, ибо работает напрямую с разметкой, а не с объектом виджета.
А собственно потому, что виджет комбобокса из примера написан крайне отвратительно: он не представляет никаких интерфейсов ни к своим данным, ни к опциям, которых собственно не имеет, ни к составляющим элементам. Более того, если он будет вставлен в форму, то, насколько я могу судить по коду, значение не дойдет до сервера по причине того, что input'у не назначается name, а select, даже если бы и имел name, не будет отправлен, т. к. скрыт (display: none).

По хорошему, нужно брать этот виджет для из примера за основу и значительно его расширять, чтобы использовать его по-человечески.

[Nodge]

Точно не уверен, но, по-моему, при отправке формы jquery делает видимым select.
Тем не менее, согласен с вами, что виджет нуждается в доработке.

[jeston]

Я, честно говоря, в JQuery пока новичок, но, по моим наблюдениям над комбобоксом, он работает достаточно стабильно и корректно, единственная его проблема в том, что код корректной работы с ним размазан по всему интернету и я его выцеживал оттуда по байтам, пока не споткнулся о описанную мной проблему, которую помог решить (я, правда, модифицировал несколько его код, но был ключевой момент, благодаря которому меня осенило). Касаемо того, что значение из комбобокса не доходит до сервера, то это не так, отправляемое мной выбранное значение получает PHP-скрипт, и я в AJAX-запросе заполняю данными скрипта другой комбобокс.

[jeston]

* которую помог решить Nodge (я, правда, модифицировал несколько его код, но был ключевой момент, благодаря которому меня осенило).

Answer 2

[Fr3nzy]

Думаю, вам могут помочь события .change() и/или .focus()

Answer 3

[jeston]

Принимаю любую свежую идею, только поконкретней, пожалуйста.