如何将输入文本字段中键入的URL附加到锚点,然后在单击锚点时跟随它？

Question

我想要一个文本字段,人们可以在其中输入值.然后我想要一个href打开一个URL,文本字段附加到末尾.

因此,如果文本字段显示"elephant",那么当他们单击链接时,将在example.com/elephant上打开一个页面.

我认为javascript将是实现这一目标的最简单方法,但我只是不知道如何.

Answer 1

我假设您有一些像下面这样的HTML,并且想要在单击锚标记时将appendUrl输入字段的内容附加到锚标记中的url.

<a href="/base/url" id="baseUrl">Link Text</a>
<input type="text" id="appendUrl" />

然后,使用jQuery,它看起来像:

$(function() {
    $('#baseUrl').click( function() {
        window.location = $(this).attr('href') + '/' + $('#appendUrl').val();
        return false;
    });
});

基本思想是提取输入的值并将其附加到href中的url.使用如此构造的值来设置当前窗口的位置.我在单击处理程序中返回false以防止执行默认操作(仅基本URL).