Как добавить данные из ссылки, нажмите на поле формы

Question

Я создаю сайт, который предлагает несколько загрузок взамен адресов электронной почты. При нажатии на каждую из загрузок появляется всплывающая форма, где пользователь может ввести свой адрес электронной почты, чтобы получить свою загрузку.

как то так (https://jsfiddle.net/8frqbgmz/):

<!-- LINKS -->
<a href="#1">Download #1</a>
<a href="#2">Download #2</a>
<a href="#3">Download #3</a>

<!-- FORM -->
<form>
    <label for="link">Link that's been clicked:</label>
    <input type="text" name="link">
</form> 

Что я хотел бы сделать, так это заполнить это поле 'link' информацией о том, по какой из ссылок пользователь щелкнул.

Я предполагаю, что это можно сделать, добавив некоторую дополнительную информацию к каждой из ссылок, а затем создав сценарий, который заполняет поле «ссылка» информацией при нажатии на ссылку, но я не знаю, как это сделать. сделай это.

Любые идеи будут оценены,

Заранее спасибо,

Tom

Answer 1

Взломал его благодаря комментарию Штеффена выше.

Вот фрагмент кода и фрагмент кода, показывающий решение, которое сработало для меня, надеюсь, оно поможет кому-то еще, желающему сделать то же самое в будущем:

https://jsfiddle.net/L271scn9/1/

<!-- LINKS -->
<a href="#ebooks_form_popup" id="Title of the first ebook" class="fancybox_no_padding visible_link">Download for free</a><br>
<a href="#ebooks_form_popup" id="Title of the second ebook" class="fancybox_no_padding visible_link">Download for free</a><br>
<a href="#ebooks_form_popup" id="Title of the third ebook" class="fancybox_no_padding visible_link">Download for free</a><br><br>

<!-- FORM -->
<form>
    <label for="email">Email Address:</label><br>
    <input type="text" name="email"><br><br>
    <label for="link">Link that's been clicked:</label><br>
    <input type="text" name="link">
</form>

<!-- SCRIPT -->
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $("a.visible_link").on("click", function(event) {
            $("[name=\"nf-field-33\"]").val(event.target.id);
        });
    });
</script>