使用Jquery键入时创建链接

Question

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

例如，我正在打字

“这是我的名字”

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

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

我该如何处理？

Answer 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中为您编写代码，如果您愿意，我希望您自己更改。