点击链接添加文本框

Question

我需要在点击链接时添加一个文本框（在容器内）。 文本框的值等于链接的“href”

我的jQuery代码如下：

 jQuery("a.link").click(function(event){
    jQuery('#link-container-text').text('<input type="text" onclick="this.select();" value="' + this.href + '" />');
  });

但它不是显示文本框，而是显示HTML代码。

我需要文本框，而不是HTML代码。

EDITED

点击另一个链接时，如何从＃link-container-text中删除刚刚添加的输入。

Answer 1

使用.append或.html（）

jQuery('#link-container-text').append('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');

.text代表值

删除添加的元素

$("#link-container-text").find("input").remove();

Answer 2

将.text替换为.html。请注意，这将替换该元素的整个html

 jQuery("a.link").click(function(event){
    jQuery('#link-container-text').html('<input type="text" onclick="this.select();" value="(\'' + this.href + '\')" />');
  });