将占位符文本添加到 jQuery Tokenizer答案

【问题标题】：Adding Placeholder Text to jQuery Tokenizer将占位符文本添加到 jQuery Tokenizer
【发布时间】：2012-10-01 23:36:10
【问题描述】：

我正在使用 jQuery Tokenizer (http://loopj.com/jquery-tokeninput/) 并尝试像普通输入一样添加占位符文本。

我尝试将文本放在典型的placeholder 标签元素中，如下所示：

<input data-autocomplete-source="http://localhost:3000/city_to_zips" id="account_town" name="city_to_zip_id" placeholder="Enter city..." type="text" style="display: none; ">

但是，很明显，分词器隐藏了该输入。

【问题讨论】：

标签： jquery jquery-tokeninput

【解决方案1】：

方法1：快速而肮脏的方法是将占位符属性直接添加到jquery.tokeninput.js文件中创建的输入中：

// Create a new text input an attach keyup events
var input_box = $("<input type=\"text\"  autocomplete=\"off\" placeholder=\"Enter city...\">")

方法 2： 添加 placeHolderText 作为默认设置之一。首先将参数添加到 DEFAULT_SETTINGS 例如：

placeHolderText: 'Enter City...',

然后添加以下内容：

.attr("placeholder", $(input).data("settings").placeHolderText)

之前

.attr("id", $(input).data("settings").idPrefix + input.id)

默认情况下，占位符文本将是“输入城市...”，您可以在设置令牌输入时覆盖它，例如：

$(function() {
    $("#account_town").tokenInput("http://example.com/search", {
    'placeHolderText': 'Enter Town...',
});

参见pastebin（更改在第 31、244 行）

【讨论】：

我想我理解了你所说的 80%，但我迷失在“或者你可以添加 placeHolderText ...”但是。你能把你的想法概括一下吗？
谢谢！这很有意义
如果在框中至少选择了一项，我们如何删除placeHolderText？等所有物品都被移除后再放回去？