Question

我需要一些可以在文本字符串中托管按钮的文本框控件。基本上我想创建一个名称的文本框，使用户可以在添加后删除一些名称。如何在javascript中完成？

提前致谢。

Answer 1

只需在元素中的文本框之前添加SPAN即可。将SPAN格式化为带有文本的彩色框，也可以将X格式化为删除条目，然后你就可以了。

使用JQuery这非常简单。或者你想要一个能够做到这一点的Webforms-Control？

编辑：/

Inline-Element看起来像这样：

<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>');
  }
});

这样，每次用户点击输入时，都会将过滤器添加到span my-filterbox。根据CSS，您可以在输入框的左侧格式化范围。

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

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

1 个答案: