点击链接添加文本框

我需要添加一个文本框（在容器内）点击链接。文本框将具有价值等于链接的“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

在另一个链接的点击，如何从＃链接容器文本删除刚刚添加的输入。

来源

2011-05-04 I-M-JM

男，的.text是价值的完整的HTML，这里http://api.jquery.com/text/参考API – kobe 2011-05-04 05:53:02

可以使用的.html像我建议在我的答案中。它将删除元素的全部内容（innerHTML）并将其替换为您指定的任何内容。 – 2011-05-04 06:12:31

使用.append或.html（）

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

的.text为值

除去添加元素

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

来源

2011-05-04 05:51:23 kobe

谢谢，我该如何从＃link-container-text – 2011-05-04 05:53:24

@ I-M中移除刚刚添加的输入，您可以使用.find（）。 – kobe 2011-05-04 05:54:40

与.html替换的.text。请注意，这将取代元素

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

来源

2011-05-04 05:53:24

点击链接添加文本框

回答

相关问题