使用文本输入值动态更改链接href属性

时间:2015-12-18 01:31:25

标签: javascript jquery html events

我有输入和链接。我需要在用户输入时动态更改链接的href a.k.a ,如果还有一种方法可以检测用户是否在那里粘贴了某些内容,那么它将非常棒。

知道如何通过jQuery实现这一目标吗?

<input type="text" id="my-input">
<a id="my-link" target="_blank" href="www.something.com/<!--input text here-->/something/">
Click me!
</a>

我挖掘的内容:

//Somehow get the the input value if it has changed

//Change the href attribute
$("#my-link").attr("href", "//www.something.com/" + textFromInput +"/something/");

1 个答案:

答案 0 :(得分:3)

您应该使用keyup事件来处理即时打字

$('#my-input').keyup(
    function(){     
        var textFromInput = $("#my-input").val();
        $("#my-link").attr("href", "https://www.google.com?q=" + textFromInput); 
});

Check out this fiddle

您也可以使用change一个,但是当输入字段的焦点丢失时它会触发 - 它也可以,因为您必须单击链接才能生效(意味着您将拥有失去了对输入的关注)