Передача содержимого в форму
Добрый день,уважаемые. Имеется страница со списком из ссылок и формой. Как можно сделать,чтобы кликнутые из списка названия ссылок автоматически заполнялись в форму через точку с запятой?
Для наглядности код: <form action= "post.php" method= "POST"> <p>Имя: </p><p> <input type= "text" name= "name"> </p> <p>Сообщение: </p><p> <textarea rows= "15" cols= "55" name= "message"></textarea></p> <input type= "submit" value= "Отправить"> <!--названия ссылок должны вставляться в форму Сообщение--> <ul> <li><a href="#">название1</a></li> <li><a href="#">название2</a></li> <li><a href="#">название3</a></li> </ul> Спасибо за внимание. |
<form action= "post.php" method= "POST">
<p>Имя: </p><p> <input type= "text" name= "name"> </p>
<p>Сообщение: </p><p> <textarea rows= "15" cols= "55" name= "message"></textarea></p>
<input type= "submit" value= "Отправить">
<!--названия ссылок должны вставляться в форму Сообщение-->
<ul>
<li><a href="#">название1</a></li>
<li><a href="#">название2</a></li>
<li><a href="#">название3</a></li>
</ul>
<script>
var items = document.querySelectorAll('a'),
text = document.querySelector('textarea');
[].forEach.call( items, function(el) {
el.onclick = function(e) {
e.preventDefault();
text.innerHTML += ((text.innerHTML == '') ? '' : ';' )+ this.innerText ;
}
});
</script>
|
Спасибо вам огромное!
|
| Часовой пояс GMT +3, время: 06:54. |