Здравствуйте, у меня на сайте есть блок с комментариями и поле для ввода и отправки этих комментариев. Мне нужно, чтобы при нажатии на имени (class='name') в input (id='message') заносилось имя этого пользователя. Вот html:
Блок для написания и отправки комментариев:
<form>
<input type='text' id='message'>
<input type='type='submit' id='button'>
</form>
Блок с комментариями:
<div id='all_comments'>
<div class='comment'><span class='name'>Владислав:</span> Всем привет!</div>
<div class='comment'><span class='name'>Виктор:</span> Владислав, привет! Как у тебя дела?</div>
<div class='comment'><span class='name'>Оля:</span> И вам того же.</div>
</div>
То есть если я сейчас нажму на класс name, а именно на имя Оля, в input id='message' должно занестись ее имя, вот так вот:
--Блок отправки сообщения--
Оля, ...
------------------------------
Я в принципе могу это реализовать, только я не знаю как достать именно данные из блока с классом name?
Вот как я могу реализовать:
<script>
$(function(){
$('.chat_block').on('click', '.name', function () {
var span= $(this).closest('span');
var name= span.find(".chat_name").val();
$("#message").val("TEST-name");
});
});
</script>
Но этот js код заносит не значение блока name, а строчку: TEST-name