Показать сообщение отдельно
  #1 (permalink)  
Старый 09.06.2013, 17:08
Интересующийся
Отправить личное сообщение для milov Посмотреть профиль Найти все сообщения от milov
 
Регистрация: 13.05.2012
Сообщений: 16

Автокомплит своими руками
Добрый день всем. Сделал автокомплит, на инпут повесил keyup + ajax и строю выпадающий список по ul li. Работает. Но теперь нужно отработать клавиши стрелок верх вниз по списку и вот тут то и затык Или фокус в список не передаётся или ещё что
Код
$("#ac_street").keyup(function(){
      var ac_street = $("#ac_street").val();
      ac_street = $.trim(ac_street);
      if(ac_street && ac_street.length>=2){
        $.ajax({
          url: "ajax.php",
          data: "ac_street="+encodeURI(ac_street)+"&type=street",
          success:function(data) {
           $("#suggest").html(data); 
           
           /* клавишы */
           $("#suggest ul li").keydown(function(event){
             switch (event.keyCode) {
              case 38:
               //alert('вниз!');     
             $("#suggest ul li").removeClass("unulhover");
             $(this).addClass("unulhover");
              break;
             case 40:
               //alert('вверх!');     
             $("#suggest ul li").removeClass("unulhover");
             $(this).addClass("unulhover");
              break;
             }
           });
           /*  */
          }
        });
      }

    });

в ajax.php строю список
Да, делаю свой велосипед )))

Последний раз редактировалось milov, 09.06.2013 в 18:40.
Ответить с цитированием