首页 > 解决方案 > 在为 tagsInput JQuery 库添加至少一个标签后,如何删除 defaultText 属性?

问题描述

问题

我有一个带有inputTagJS 的文本区域:(我的 js 与小提琴不同,但小提琴将提供一个 MWE 来显示该功能)

$('#box').tagsInput({
    'width': 'auto',
    'delimiter': ',',
    'defaultText': 'Enter email',
    allowDuplicates: true
});

我想defaultText在至少一个标签添加到框中后删除。我真的只想要 htmlplaceholder属性功能。使用它的问题是 JS 和 CSS 替换了原始文本框,也替换了占位符。

标签库位于:

https://github.com/xoxco/jQuery-Tags-Input/tree/master/src

js小提琴在:

https://jsfiddle.net/6aa2adba/

问题示例:

在此处输入图像描述

标签: javascripthtmljquery

解决方案


您可以更改作为您的 defaultText 的基础数据默认值。当您想删除 defaultText 时,您可以放置​​此代码段。检查数组的大小,如果所有值都被删除,您可以调用它,但使用正确的文本

用于 inputTags 的 jsfiddle

$('#invite-emails_tag').attr('data-default','');

推荐阅读