Как реализовать загрузку данных через ajax в select при клике на него?

Question

[Андрей]

Доброе время суток! задача проста, на первый взгляд, приведу пример:

<select name="make" class="selmake">
   <option value="">- Марка</option>
</select>

$('body').on('click', '.selmake', function(){
    $.get('/index.php?act=selmake', function(data){$('.selmake',).html(data)});
});

При клике на select загружаем и вставляем в него же данные. Но кроме Firefox, это способ не работает, данные в drop list загружаются, но при первом клике их нет.

Возможно ли сделать задержку выпадания списка до загрузки данных?

Answer 1

[RubaXa]

Похоже, тут только один выход, отправить синхронный запрос на `mousedown`.
UPD Хотя, jsfiddle.net/Ucz7Y/7

Comments

[RubaXa]

Что-то у меня странное с FF, либо это «особенность» работы. В IE проверить не могу.

[Андрей]

согласен с FF, в IE выпадающего листа нет в обще, но загрузка работает

[personaljs]

синхронный запрос затормаживает браузер

Answer 2

[Pavel K]

Думаю, только с самодельным селектом.
Либо в элементах отображать пункт "идёт загрузка"

Comments

[Андрей]

Самодельный отпадает, а по второму пункту - "Идет загрузка" так и будет висеть, пока не нажмешь второй раз, то есть при клике выпадающий список динамический не обновляется, визуально.

Answer 3

[personaljs]

$.get('/index.php?act=selmake', function(data){$('.selmake',).html(data)});
$('body').on('click', '.selmake', function(){
    $.get('/index.php?act=selmake', function(data){$('.selmake',).html(data)});
});

Comments

[Андрей]

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

[personaljs]

@Ryan не работает?))