What is a very simple autocomple input field with jquery and cakephp?07.12.13

Anonymous

example with cakephp and jquery

1.
add javascript jquery code in /app/webroot/js/application.js:

$(document).ready(function(){
  $("#city_name").keyup(function(){
          $('#suggestions').hide();
          v = $(this).val();
          $.ajax({
                  type: "POST",
                      url: "cities/get_cities" ,
                      data: {f:v},
                      success: function(msg){
        	      $('#suggestions').show();
                      $('#suggestions').html(msg);
                      }
              });

});

$("#suggestions ul li").live("click",function(){
          var v = $(this).html();
          $("#city_name").val(v);
          $('#suggestions').hide();

});
});

2.
add to my  controller class /app/controllers/cities_controller.php

}

3.
add to my layout form tag where i like to add autocomplete:
/app/views/layouts/default.php

4.
style the dropdown a bit in 
/app/webroot/css/screen.css

#suggestions ul  {
  margin:-27px 0 0 3px;
  padding:0;
  list-style:none;
}

#suggestions ul li {
  font-size:1.7em;
  letter-spacing:.8px;
  cursor:pointer;
}

#suggestions ul li:hover {
  color:#ff0000;
}

07.12.13

http://docs.jquery.com/Ajax/jQuery.ajax#options

Anonymous

What is a very simple autocomple input field with jquery and cakephp?07.12.13

Information Epoch 1732465582