我有输入和链接。我需要在用户输入时动态更改链接的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/");
答案 0 :(得分:3)
您应该使用keyup
事件来处理即时打字
$('#my-input').keyup(
function(){
var textFromInput = $("#my-input").val();
$("#my-link").attr("href", "https://www.google.com?q=" + textFromInput);
});
您也可以使用change
一个,但是当输入字段的焦点丢失时它会触发 - 它也可以,因为您必须单击链接才能生效(意味着您将拥有失去了对输入的关注)