javascript - 将点击的链接 url 复制到表单输入

Question

我有一个登录表单(在 jquery 弹出窗口中打开)，在成功登录后重定向回上一页。

我想用点击链接 url 的值填充此登录表单中的隐藏重定向输入，即:

<script type="text/javascript">
$(function() {

     $("a.login").click(function() {

        if($(this).hasClass("selected")) {
            deselect();               
        } else {
            $(this).addClass("selected");
            $(".pop").slideFadeToggle(function() { 
                $("#email").focus();
            });
        }
        return false;
    });


    $(".close").live('click', function() {
        deselect();
        return false;
    });
});

$.fn.slideFadeToggle = function(easing, callback) {
    return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback);
};
</script>

<form>
<input type="hidden" name="redirect_url" value="clicked_link_url" />
</form>

<a href="clicked_link_url_1" class="login">Link 1</a>
<a href="clicked_link_url_2" class="login">Llink 2</a>
<a href="clicked_link_url_3" class="login">link 3</a>

因此，如果用户单击链接 3，弹出窗体将打开，它的隐藏重定向 url 值将为“clicked_link_url3”。

提前致谢。

Answer 1

$("a.login").click(function () {

    if ($(this).hasClass("selected")) {
        deselect();
    } else {
        $(this).addClass("selected");
        $(".pop").slideFadeToggle(function () {
            $("#email").focus();
        });
    }

    // Set the input value
    $('input[name="redirect_url"]').val($(this).attr('href'));

    return false;
});