Выпадающий список с зарание подготовлеными синонимами

[TaRnament]

Здраствуйте

Не подскажете как сделать так что бы при нажатий на определёное слово появлялся выпадающий список с зарание подготовлеными синонимами этого слова?

вот тут есть пример - у сгенерированого текста можно выбирать различные варианты.
http://seogenerator.ru/tools/synonym/

[UnderShot]

На сервере хранить синонимы, с помощью ajax’а выдергивать нужные слова, и динамично создавать список с этими синонимами.

[UnderShot]

Что-то похожее на

<script>
function getSynonym(text,id){
	var o=document.getElementById(text),e=document.getElementById(id),r=o.value,
	database=[["привет","здравствуй","хеллоу"],["мир","планета","земля"]];
	function rep(a,b,x){
		var m=0,r="",c,d;
		a=a.replace(new RegExp("(?:^|\s*)("+b+")(?:\s*|$)","gi"),function(q,w){
			for(var i=0;i<x.length;i++){
				c=x.charAt(i);
				d=w.charAt(i);
				d=d||"";
				r+=d==d.toUpperCase()?(d==""?c:c.toUpperCase()):c;
			};
			return r
		});
		return a
	};
	for(var i=0,d=database;i<d.length;i++){
		for(var u=0;u<d[i].length;u++){
			r=rep(r,d[i][u],d[i][Math.floor(Math.random()*d[i].length)])
		}
	}
	e.innerHTML=r
}
</script>

<textarea id="text">Привет, мир!</textarea>
<br/>
<input type="button" value="Обработать" onclick="getSynonym('text','result')"/>
<div id="result">…</div>