Set Following property in AutoCompleteExtender
<asp:panel id="divwidth" runat="server" cssclass="divwidth" style="position:absolute; z-index:10; border-width:medium" xmlns:asp="#unknown">
<ajaxtoolkit:autocompleteextender id="AutoCompleteExtender2" runat="server" targetcontrolid="txtControlId" xmlns:ajaxtoolkit="#unknown">
CompletionListItemCssClass="listItem" CompletionListHighlightedItemCssClass="highlightedListItem"
ServicePath="WebServMads.asmx" ServiceMethod="getStudent" MinimumPrefixLength="3"
CompletionListCssClass="completionListElement" CompletionSetCount="20"
CompletionInterval="500" FirstRowSelected="true" OnClientItemSelected="getSelectedStudent" OnClientPopulated="OnClientPopulated"
CompletionListElementID="divwidth">
function getSelectedStudent(source, eventArgs)
{
//debugger;
document.getElementById('<%= hdnStudent.ClientID %>').value = eventArgs.get_value();
if(document.getElementById('<%= hdnStudent.ClientID %>').value != '')
{
var textValue = eventArgs.get_value().split("-");
if(textValue.length > 0)
{
document.getElementById('<%= txtStudent.ClientID %>').value = textValue[0];
}
}
}
function OnClientPopulated(sender, eventArgs)
{
debugger
var autoList = sender.get_completionList();
for (i = 0; i < autoList.childNodes.length; i++)
{
var text = autoList.childNodes[i].firstChild.nodeValue;
autoList.childNodes[i]._value = text;
autoList.childNodes[i].innerHTML = "
" + text;
}
In select Statement select only required column. (not use select * from tablename)