Atualizar valor do Textarea

Boa tarde pessoal,

gostaria de uma ajuda para tentar adicionar um sistema onde eu trago uma lista de itens do banco de dados com php e mysql e após listar esses itens eu iria precisar fazer algo simples do tipo "clicar em um dos itens", após esse clique eu teria que atualizar o textarea que esta em branco com o item que eu escolhi.

Eu comecei a estudar javascript no inicio desse mês e por isso tenho pouca experiencia, porem eu continuo estudando sempre. Por enquanto eu so consegui realizar essa façanha do modo basico, digitando em um input e adicionando dentro do textarea. Poderiam me ajudar a modificar o sistema para que ele possa fazer do modo descrito acima?

Codigo Atual:

<script language="javascript">

 function alterarTexto() {
 var novoTexto = document.formTexto.novoTexto.value;
 document.getElementById("texto").innerHTML = novoTexto;

 }

 function adicionarTexto() {

 var novoTexto = document.formTexto.novoTexto.value;
 document.getElementById("texto").innerHTML += "\n"+novoTexto;

 }

</script>

<div>
<textarea id="texto" cols="30">Texto original da div.</textarea>

</div>

<form name="formTexto">
<BR>
 <input type="text" name="novoTexto" id="novoTexto"/><BR><BR>

 <input type="button" value="Alterar texto" onclick="alterarTexto()" /> 
 <input type="button" value="Adicionar texto" onclick="adicionarTexto()" />
</form>

Um abraço a todos, boa programação.