Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > 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
спасибо!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)