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

标签 javascript jquery html

我正在尝试使用以下 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 上一样,您可以标记用户,然后就会有一个链接。

最佳答案

我认为您正在寻找 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 插件。为什么你想在表单输入中添加一个链接呢?当然,您可以在通过不同的事件处理程序单击表单时重定向用户,但输入是用于输入的。如果它重定向,那么您一开始就不需要输入。

关于javascript - 在文本输入框中添加html链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11799783/

相关文章:

javascript - 光滑的旋转木马合并不起作用

javascript - 这是正确的方法吗?我不想使用原型(prototype)而只是类构造函数上的方法

javascript - 无法调用其类型缺少函数返回已解决 promise 的调用签名的表达式

javascript - 如何从 JavaScript 中的转发器获取值?

javascript - 如何在放大和缩小时保持 div 大小不变?

html - FireFox 数据列表只有双击才能打开

javascript - 如何在 php 中使用 jquery 获取对话框中文本框的值,我将其显示为空白或未定义

javascript - 在 AngularJs 的 UI.Bootstrap tab-heading 指令中使用 X-editable

javascript - 为什么当我淡入时淡出的 div 不回来?

jquery 将外部 html 文件附加到我的页面中