Javascript 使用Jquery键入时创建链接

因此，在输入表单字段时，我想在下面显示一个超链接，该超链接在写入时更新

例如，我正在打字

这是我的名字

当我键入时，应在字段下方创建此链接作为链接：

---

我该如何处理这个问题？

虽然我不想让你习惯于将SO作为我网站的代码，但这一次是为你准备的：

var field = document.getElementById("field");
var link = document.getElementById("link");
field.onchange = function() {
    link.href = "http://www.example.com/?q=" + encodeURIComponent(field.value);
    console.log(link.href);
};

---

请注意，我没有在jQuery中为您编写代码，如果您愿意，我希望您自己更改它。

很抱歉，Tobias，您已经成为会员一年多了。。。你知道这不是我的代码看看jQuery更改和Javascript EncodeuriComponent为什么它被否决了？感谢Mohammad，我不知道我在我的问题中写到我需要一个完整的解决方案，我已经很高兴被指向像@Basic thank You这样的方向了！是的，因为我不知道如何用谷歌搜索它，或者如何接近它，也没有在搜索中找到任何东西。无论如何，再次感谢你，可能是因为你刚刚为他写了一个解决方案，不需要他学习任何不符合社区精神的东西。我从来不会对函数式代码投反对票，但你知道。@MohammadAreebSiddiqui不要让他们阻止你帮助别人，我确实从中学到了很多，因为我是一个完全不懂javascript的人。。。我从5个小时以来一直在做这个，试图了解更多。。。我可以向你保证，没有你的回答，这一切都不会发生。对其他人说：随便你怎么投我的反对票，你是多数，显然你一定是对的。