javascript - 在文本输入框中添加html链接？

Question

我正在尝试使用以下 jQuery 将 HTML 链接添加到输入框:

var E = "<a class='tagged_person' contenteditable='false' href='http://www.google.com'>Click This</a>";
$("input[name='newComment']").val(E);

这是有效的，但它实际上显示 <a href... ，这就是我想要的后端明智的，但在前端，我希望用户看到它呈现为 HTML <a>关联。就像在 Facebook/Twitter 上一样，您可以标记用户，然后就会有一个链接。

Answer 1

我认为您正在寻找 JQuery 方法 .append 。这使您可以传递 HTML 字符串并将其解析到 DOM 中。 Check it out here

例如:

$('#myDiv').append('<a href="www.google.com">Search for it!</a>');

还有 .appendTo() 如果它更适合您的审美。

编辑:如果您尝试将 html 直接粘贴为文本输入的值，则无法执行此操作。 <input type="text">携带文本，仅此而已。您必须制作自己的输入表单，或使用 JQuery 插件。为什么你想在表单输入中添加一个链接呢？当然，您可以在通过不同的事件处理程序单击表单时重定向用户，但输入是用于输入的。如果它重定向，那么您一开始就不需要输入。