使用 Jquery 键入时创建链接 [关闭]答案

【问题标题】：Create a link while typing using Jquery [closed]使用 Jquery 键入时创建链接 [关闭]
【发布时间】：2014-12-12 06:10:24
【问题描述】：

所以，在输入表单字段时，我想在下面显示一个超链接（在写作时更新）

例如，我会打字

“这是我的名字”

这应该在我输入时作为链接在字段下方创建：

http://www.example.com/index.php?name=This+is+my+Name

我该如何处理？

【问题讨论】：

很抱歉 Tobias，但您已经成为会员一年多了...您知道这不是 code-for-me 网站跨度>
看看 jQuery change() 和 Javascript encodeURIComponent()

标签： javascript php jquery forms

【解决方案1】：

虽然我不想让你习惯将 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 中为您编写代码，如果您愿意，我希望您自己更改它。

【讨论】：

为什么它还是被否决了？
谢谢 Mohammad，我没有看到我在问题中的哪个地方写到我需要一个完整的解决方案，我已经很高兴被指向像 @Basic 这样的方向（也谢谢你！）做到了，因为我不知道如何“谷歌”它，或者如何接近它，也没有在 SO 搜索中找到任何东西。无论如何，再次感谢你。
可能是因为你只是为他写了一个解决方案，不需要他学习任何东西——这并不真正符合这个社区的精神。我永远不会对功能代码投反对票，但你知道..
@MohammadAreebSiddiqui 不要让他们阻止你帮助别人，我确实从中学到了很多东西，因为我是一个完全的 JavaScript 菜鸟......我从 5 个小时开始就一直在做这个，试图理解更多...而且我可以向您保证如果没有您的回答，这件事就不会发生。对其他人：随心所欲地否决我的评论，你是多数，显然你“一定是对的”。