Setar o conteúdo no id
do campo não seria a melhor escolha. Lembrando que a função do id
é guardar o identificador do seu campo para manipular o mesmo. para resolver seu problema e ficar mais semântico, aconselharia utilizar um campo data para guardar o valor conforme abaixo:
HTML:
<textarea name="descricao" class="form" rows="9"></textarea>
<a href="#" data-message="Bom dia, como voce esta?">Saudação</a>
<a href="#" data-message="texto do exemplo numero 2">Exemplo 2</a>
<a href="#" data-message="texto do exemplo numero 3">Exemplo 3</a>
<a href="#" data-message="texto do exemplo numero 4">Exemplo 4</a>
JavaScript:
function setarValor() {
var menssagem = $(this).data('message'); //Pego a menssagem do campo data
var textAreaPosition = $('textarea').prop("selectionStart"); //pego a posição do cursor no textarea
var textAreaValue = $('textarea').val(); // pego valor do text area
var valorConcatenado = [textAreaValue.slice(0, textAreaPosition), menssagem, textAreaValue.slice(textAreaPosition)].join(''); // faço a concatenação da menssagem na posição
$('textarea').val(valorConcatenado); //seto valor no textarea
}
//Ele execulta após toda a pagina ser renderizada
$(document).ready(function () {
//seto de click nos seus links
$('a').click(setarValor);
});
Segue jsfiddle da alteração