Autocompletado

Hola a todos, tengo la siguiente duda que creo que se resuelve con js.
Tengo un formulario con un campo y lo que quiero conseguir es que teniendo una serie de palabras, clikees encima de ella y dichas palabra se pongas en el campo sin necesidad de que la escribas.

Ejemplo: Yo tengo baloncesto, futbol, balonmano, hockey debajo del campo a cubrir y si clikeo en futbol y hockey esas palabras se me añaden al campo separadas por comas

A ver si alguien me sabe ayudar

Gracias.

claro:

Código :

onclick="javascript:document.getElementById('ID_del_input').value+='palabra_a_añadir';"

esto, en cada palabra a añadir.
Si quieres que las separe por comas:

Código :

onclick="javascript:document.getElementById('ID_del_input').value+=(document.getElementById('ID_del_input').value==''?', ':'')+'palabra_a_añadir';"