Заполнение нескольких полей из одной ссылки
 

Здравствуйте дорогие друзья, в JS не силен по этому прошу сильно не ругать. Есть вот такой вот код

<li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'Текст для поля жалобы' ; document.getElementById('obekt').value = 'Текст для поля обьективные' ; document.getElementById('diagnoz').value = 'Текст для поля диагноз'">Текст ссылки 1</a></li>

как Вы уже заметили при нажатии на ссылку она заполняет поля с айдишниками jaloby, obekt и diagnoz. Но таких ссылок очень много и при нажатии на другую ссылку предыдущий текст исчезает. Собственно вопрос как сделать чтобы при нажатии на ссылку предыдущий текст не исчезал а дополнялся новым текстом из другой ссылку через запятую. Если возможно такое то подскажите пожалуйста. Если нет то подскажите каким путем можно это сделать. Благодарен за любой ответ

добавить красное

Спасибо Вам большое , работает! только вот как сделать чтобы и запятые ставил )