Question

我正在使用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; ">

但很明显，令牌化器正在隐藏该输入。

Answer 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行）

将占位符文本添加到jQuery Tokenizer

1 个答案: