1

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

但是，很明显，tokenizer 隐藏了该输入。

4

1 回答 1

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

于 2012-11-27T22:46:55.260 回答