Write a Comment and tag to a friend

I am developing a social media site. their i have a option to comment on a post and that comment can tag also with a friend. I don't know how can do this code.

I am trying to best to developer this but regret to do.

I am sharing my code with screenshot to better understanding for you guys :

1: In this image, you will find to get user in dropdown list with autocomplete

2: User choose name from . these name also contains profile link of itself. see second one

3: I am gonna show u final screenshot that make more understand about my doubt

Here i am gonna show u my web method through them i am implementing my comment with autocomplete.

If you have any better or any other method to implement this please share with me

JavaScript Code:

f (CommentOnReviewText.indexOf("@") >= 0) {

var SubPart = CommentOnReviewText.split('@');

var prefix = SubPart[1];

if (prefix != "" && prefix != undefined && prefix != null) {

$('#CommentOnReview_' + ReviewId).autocomplete({

source: function (request, response) {

$.ajax({

url: VisitorPath + "Reviews.aspx/SearchUserNames",

data: "{ 'prefix': '" + prefix + "'}",

dataType: "json",

type: "POST",

contentType: "application/json; charset=utf-8",

success: function (data) {

//response(data.d);

response($.map(data.d, function (item) {

return {

label: item.split('$')[0],

val: item.split('$')[1]

}

}))

error: function (response) {

alert(response.responseText);

failure: function (response) {

alert(response.responseText);

}

});

create: function (event, ui) {

$(this).data('ui-autocomplete')._renderItem = function (ul, item) {

debugger;

return $('

.append('' + item.label + '')

//.append('' + item.label.split('$')[0] + '')

.appendTo(ul);

};

//select: function (e, i) {

// //$("[id$=hfCustomerId]").val(i.item.val);

// //$('#CommentOnReview_' + ReviewId).val('' + i.item.val.split('$')[0] + '');

//},

minLength: 1

});

}

WebMethod:

[WebMethod]

public static string[] SearchUserNames(string prefix)

{

List customers = new List();

DataTable dtNames = new DataTable();

ClientServiceClient ClientService = new ClientServiceClient();

dtNames = ClientService.SearchUserNames(prefix.TrimStart().TrimEnd()).Tables[0];

if (dtNames.Rows.Count > 0)

{

foreach (DataRow drw in dtNames.Rows)

customers.Add(string.Format("{0}${1}", drw["FullName"], drw["UserName"]));

}

return customers.ToArray();

}

If anyone have better idea to implement this please share that method with

Thanks