jQuery ui autocomplete
$("form[name=zoneDetailForm] input[name=searchText]").autocomplete({
minLength: 0,
source: function(request, response)
{
var searchText = $("form[name=zoneDetailForm] input[name=searchText]").val();
$.ajax({
url: app_path + "/common/zoneAD.jsp",
type : "POST",
dataType: "JSON",
data:
{
cmd : "mhrlsSearchByAuto",
searchValue : searchText
},
success: function( data )
{
if(data != null)
{
response( $.map( data, function( item ){
return {
label : "[" + item.TEAM_NM + " " + item.MBER_RSPOFC + "] " + item.CHARGER_NM + "(" + item.FNCT_LC + ", " + item.FNCT_LC_NM + ")",
mhrlsNo: item.MHRLS_NO,
chargeNm: "[" + item.CHARGER_ID + "] " + item.CHARGER_NM,
fnctLc: item.FNCT_LC
}
}));
}
},
error : function(data, status,err)
{
}
});
},
focus: function(event, ui)
{
$("form[name=zoneDetailForm] input[name=fnctLc]").val(ui.item.fnctLc);
$("form[name=zoneDetailForm] input[name=chargeNm]").val(ui.item.chargeNm);
$("form[name=zoneDetailForm] input[name=mhrlsNo]").val(ui.item.mhrlsNo);
},
select: function(event, ui)
{
$("form[name=zoneDetailForm] input[name=mberId]").val(ui.item.mberId);
}
});