Как в jQuery при клике на ссылку передать её title="xxx" в форму ответа?

Question

[ByRon]

Только начал изучать jQuery, понимаю что в этом нет ничего военного, но как осуществить - не доходит... возможно append? Или ошибаюсь... сильно не пинайте.

<a href="xxx" title="XYZ" id="www">кнопка</a>

При нажатии что-бы "XYZ" добавлялся в поле сообщения.

<textarea rows= "3" cols= "16" name= "message"></textarea>

Answer 1

[Tõnis Simo]

Значение заменяется или добавляется к существующему?

В любом случае метод .val().

$("a#source-link").on("click", function(event) {
  event.preventDefault();
  var link_title = $(this).attr("title");
  /* если заменяется: */
  $("input#target-textfield").val(link_title);
  /* если добавляется: */
  $("input#target-textfield").val(function(index, value) {
    return value + link_title;
  });
  return false;
});

Советую пройти этот курс.

Comments

[ByRon]

@estum значение пусто, добавляется, сейчас чуть другая ситуация возникла, ID на ссылке открывает модальное окно с этой самой формой в которую необходимо передать данные (уже передал, спасибо @SergeiMeketyuk ) но т.к. это ID - то срабатывает только первая ссылка, остальные не хотят, плодить айдишники не вижу смысла, пробую button = $(".you_button_class");

[Сергей Мекетюк]

Вместо айди можно даже им'я формы вставить, это уже кому как удобно. $("[name='you_element_name']")

[Tõnis Simo]

Тогда нужно менять поле только после того как это модальное окно загрузится и появится в DOM.

Если модальное окно реализовано каким-нибудь плагином jQuery, то, как правило, есть событие которые срабатывает когда это окно открывается, типа:

$(document).on("#modal", "shown", function(e) {..})

Короче, смотри в API этой библиотики.

Ну, или, сделать тупо по таймауту, что не очень хорошо.

[ByRon]

@estum я думаю просто вызов модального окна сделаю классом вместо айди, разницы ведь никакой что вызывать, класс или айди!?

[ByRon]

@SergeiMeketyuk спасибо, попробую! Теперь думаю всем спокойной ночи, утро вечера мудренее :) Спасибо всем кто откликнулся!

Answer 2

[Сергей Мекетюк]

$(function() {
    var textArea = $("#you_textarea_id"),
        button   = $("#you_button_id");

    button.on("click", function() {
        textArea.val($(this).attr("title"));
    });
});

Вариант с модальным окном

$(function() {
    var button   = $("#you_button_id"),
        modal    = $("#you_modal");

    // При клике ставим модальному окну дата атрбут с тайтлом кнопки
    button.on("click", function() {
        modal.data("button-title", $(this).attr("title"));
    });

    // При откритие модального окна берем дата атрибут
    // и ставим его в поле ввода
    modal.on('shown.bs.modal', function (e) {
        var textArea = $("#you_text_area"),
            title    = $(this).data("button-title");

        textArea.val(title);
    })
});