ว่าด้วยเรื่อง "JavaScript Autocomplete & Autosuggestion "

<input type="text" id="box" >

<div id="suggest" >
<a href="javascript:void(0)" onclick="autocomplete('ช้าง')">ช้าง</a>
<a href="javascript:void(0)" onclick="autocomplete('ม้า')">ม้า</a>
<a href="javascript:void(0)" onclick="autocomplete('วัว')">วัว</a>
</div>

<style>
#suggest{
display:none; width:200px;position:absolute;
}

#suggest a{
display:none;
}
</style>

<scritp>

function autocomplete(i){  // แทนค่าใน textbox
    $('#box').val(i);

   $('#suggest, #suggest a').hide(); 
}

  $(document).ready(function(){

      boxOffset = $('#box').offset() ; //หาตำแหน่ง textbox

     top = (boxOffset.top + 15)+'px';
     left = boxOffset.left+'px';
     $('#suggest').css({'top':top,'left':left}); // จัดตำแหน่ง div ให้อยู่ใต้ textbox
 
      $('#box').keyup(function(){

             key = $.trim($(this).val());

             if(key.length > 2 ){
                 
                  $('#suggest').show();

                 $("#suggest a:contains('"+key+"')").show(); // ค้นรายการที่มีคำตรงการที่กรอก
            }
      });

  });
</script>