How insert a list of optional texts at the position of cursor using jquery?

How insert a list of optional texts at the position of cursor using jquery?

For example, I have this ul li list

aaa bbb ccc ddd eee fff ggg hhh iii jjj

Now i need to insert each highlighted list item at the position of cursor..

An example of the following text in a textarea shows only list items change when selecting them from the ul li list at the position of the cursor.

This is an insertion test of aaa bbb ccc dd开发者_StackOverflow中文版d eee

---

Question is not entirely clear but I assume you are talking about an AutoComplete plugin. You can use the one that is part of jQuery UI:
http://jqueryui.com/demos/autocomplete/