Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Autocomplete jquery

Автор: kovalenko123 22.7.2013, 12:55

Всем привет. разбираюсь как сделать клевый комбобокс как у вконтакте

нашел вот такой плагин http://jqueryui.com/autocomplete/

он на основе моих прежних комбобоксов. на которые уже повешаны нужные события для подгрузки других данные в другие комбобоксы делает красивый

вот проблема в том что он только красоту и делает а события с родителя не эмулирует.... вот подскажите пожалуйста как можно сэмулировать события на оригинальном комбобоксе

Автор: Sanchezzz 23.7.2013, 18:50

Ну начнем с того что стандартный select не заставить придется верстать=)

В Autocomplite есть хорошия http://api.jqueryui.com/autocomplete/#event-change

Вот например как подгрузить список через ajax

Код


$("#box").autocomplete({
    source: function(request,response) {
        $.ajax({
            url: "/kernel/ajax.php", type: 'post',    dataType: "json", data: { 
                comand: "autocomplete_list_value",    
                q: request.term,
                old_param :123
            },
            success: function(data) {
                response($.map(data, function(item) {
                    return { label: item.value + '' , value: item.value}              
                }));            
            }          
        });        
    },
    minLength: 3,
 select: function(event,ui) {}      
});

success Можете за место response сделать собственный вывод в любой контейнер

Код


$.map(data, function(item) {
     $('#list').append('<li value="'+item.value+'">'+item.value+'</li>');
});

Рекомендую взглянуть на плагин chosen.jquery.js по гуглу первая ссылка.
Легко меняется верстка, а главное работает как часы=)

Автор: kovalenko123 24.7.2013, 10:59

спасибо!