【问题标题】:Stackoverflow style input tagsStackoverflow 风格的输入标签
【发布时间】:2016-03-09 05:20:58
【问题描述】:

我想每个人都知道当您提出问题时 stackoverflow 使用的标签。按空格键后,特定样式将应用于您键入的任何内容。

我的问题是如何完全按照 stackoverflow 的使用方式将输入中键入的值更改为按钮之类的标签。

1.输入一个单词 (或从我已经使用的jquery自动完成中选择它)

2。按空格键,单词变为标签 (或立即显示为标签,以防你从自动完成中选择它)

是否有任何插件可以实现这一点。或任何复制/粘贴代码。但是包括空格键部分......这对我来说真的很重要。

【问题讨论】:

  • 你尝试过什么吗?
  • 寻找 Select2FCBKCompleteChosen 和其他自动完成插件。
  • 我在这里阅读了一些不包括空格键部分的答案。我见过分词器插件。但是没有人在他们的演示中使用空格键。
  • Select2 和 Bootstrap 标签将是答案,如果没有评论!凉爽的 !谢谢 ! :)

标签: javascript jquery input


【解决方案1】:

您可以查看 Bootstrap 的标签输入。当您点击“输入”或“,”(逗号)时,就会应用样式。

这是演示:http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples

要使用空格键而不是默认的逗号分隔符,只需在初始化时定义它

$('input').tagsinput({
  confirmKeys: [32]
}); 

【讨论】:

    【解决方案2】:

    不确定您是否正在查看类似的内容 http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

    要允许在空格键后创建标签,您可以参考这里 How to submit a tag with Bootstrap Tags Input plugin with space key?

    【讨论】:

      猜你喜欢
      • 2011-10-14
      • 1970-01-01
      • 1970-01-01
      • 2013-04-02
      • 1970-01-01
      • 1970-01-01
      • 2013-03-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多