บทเรียน Autocomplete ใน Jquery ที่ดี

ต้องการเขียน Code ให้สั้น เพื่อให้ทุก Box เป็น Autocomplete

$(“.autocomplete_box”).autocomplete(
{
source: function(request, response) {
$.ajax({
url: this.element.attr(“siteurl”),
data: { term: this.element.val() /* Data from edit box */ },
dataType: “json”,
type: “POST”,
success: function(data){ response(data); /* Pass array to callback */ }
});
},
minLength: 2
}); //.autocomplete_box .autocomplete

เพื่อเรียก

<?php
echo form_input(array(
‘name’      => ‘Guarantor_auto’,
‘id’        => ‘Guarantor_auto’,
‘value’     => ‘พิมพ์ชื่อผู้ค้ำประกัน’ ,
//’maxlength’   => ‘100’,
‘size’      => ’50’,
//’style’       => ‘width:50%’,
‘class’     => ‘autocomplete_box’,
‘siteurl’   => site_url(‘billing/suggestions_guarantor’),
));
?>

JQuery-UI Autocomplete, source callback and ‘this’ keyword – jQuery Forum.

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s