如何在bootstap tagsinput中禁用添加新标签？

Question

我将使用bootstrap tagsinput而不添加新标签功能（仅删除标签）。如何禁用添加新标签？

我使用最新的bootstrap标签，使用twitter bootstrap 3输入v0.8.0。

这是我的代码：

<button type="button" onclick="addElement(11501,10);">Add item1 to queue</button>
<button type="button" onclick="addElement(11502,10);">Add item2 to queue</button>

Answer 1

尝试使用beforeItemAdd事件：

$('#removeonlyinput').on('beforeItemAdd', function(event) {
  event.cancel = true;
});

Answer 2

你可以做到

$( "#removeonlyinput" ).prop( "disabled", true );

不要介意多余的空格。

Answer 3

您可以修改bootstrap-tagsinput.js文件。

找到maxTags:,行并将其设为maxTags: 0,

然后它不会添加新标签。

通过这种方式，我实现了功能。 希望这有帮助！

Answer 4

如何使输入字段只读？这样，没有用户可以输入输入文本。

$('input[type=text]').prop("readonly", true);