Показать сообщение отдельно
  #1 (permalink)  
Старый 19.03.2013, 17:49
Кандидат Javascript-наук
Отправить личное сообщение для Vladislav Посмотреть профиль Найти все сообщения от Vladislav
 
Регистрация: 13.02.2013
Сообщений: 105

Как при клике на блок достать его данные и занести в другой блок.
Здравствуйте, у меня на сайте есть блок с комментариями и поле для ввода и отправки этих комментариев. Мне нужно, чтобы при нажатии на имени (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
Ответить с цитированием