Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Передача содержимого в форму (https://javascript.ru/forum/dom-window/66083-peredacha-soderzhimogo-v-formu.html)

johnon 24.11.2016 13:10

Передача содержимого в форму
 
Добрый день,уважаемые. Имеется страница со списком из ссылок и формой. Как можно сделать,чтобы кликнутые из списка названия ссылок автоматически заполнялись в форму через точку с запятой?
Для наглядности код:
<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>


Спасибо за внимание.

Dilettante_Pro 24.11.2016 14:07

<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>

johnon 24.11.2016 14:15

Спасибо вам огромное!


Часовой пояс GMT +3, время: 22:41.