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>

我想做的是在“链接”字段中填充用户点击了哪些链接的详细信息。

我猜想这可能是通过向每个链接添加一些额外的信息，然后创建一个脚本来完成的，该脚本在单击链接时用信息填充“链接”字段，但是我不知道如何做到这一点。

任何想法都会受到赞赏，

预先感谢

汤姆

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>

如何从链接添加数据到表单字段

1 个答案: