如何在javascript中将按钮添加到文本框的内容答案

【问题标题】：How to add buttons to the content of a textbox in javascript如何在javascript中将按钮添加到文本框的内容
【发布时间】：2011-06-10 08:20:10
【问题描述】：

我需要某种文本框控件，它可以承载文本字符串中的按钮。基本上我想创建一个带有名称的文本框，使用户能够在添加后删除一些名称。这如何在 javascript 中完成？

提前致谢。

【问题讨论】：

标签： javascript jquery asp.net html

【解决方案1】：

只需在元素中的文本框之前添加 SPAN。将 SPAN 格式化为带有文本的彩色框，可能还有用于删除条目的 X，您就可以开始了。

使用 JQuery 这真的很容易。还是您想要一个能够做到这一点的 Webforms-Control？

编辑：/

内联元素可能如下所示：

<span id="my-filterbox">
  <input type="text" name="next-filter" />
</span>

然后你的 JS 添加一个键事件处理程序。在这种情况下我使用 JQuery：

$('#my-filterbox').keyup(function(event) {
  if(event.keyCode == '13') { // 13 = key code for enter
    var value = $(this).val();
    $(this).val('');
    $('#my-filterbox').prepend('<span class="filter-elem">' + value + '</span>');
  }
});

这样，每次用户按 Enter 键时，您都会将过滤器添加到 span my-filterbox。根据 CSS，您可以格式化输入框左侧的跨度。

这段代码未经测试，但我想你明白了。

【讨论】：

您的意思是将这些跨度添加到文本框吗？
感谢@schlingel 完成了这项工作，我使用了与您的代码类似的东西。